mirror of
https://github.com/jspsych/jsPsych.git
synced 2025-05-10 11:10:54 +00:00
8d8ee8ae55
Users can provide the id of an element to focus on when the slide is displayed. While HTML5 has an autofocus parameter it is not universal and not all browsers support it. This solution should work across browsers and is more in keeping with the jsPsych object style. Issue #1062
34 lines
889 B
HTML
34 lines
889 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="../jspsych.js"></script>
|
|
<script src="../plugins/jspsych-survey-html-form.js"></script>
|
|
<link rel="stylesheet" href="../css/jspsych.css"></script>
|
|
</head>
|
|
<body>
|
|
|
|
</body>
|
|
<script type="text/javascript">
|
|
|
|
var form_trial = {
|
|
type: 'survey-html-form',
|
|
preamble: '<p> How are you feeling <b>right now?</b> </p>',
|
|
html: '<p> I am feeling <input name="first" type="text" />, <input name="second" type="text" />, and <input name="third" type="text" />.</p>'
|
|
}
|
|
|
|
var autofocus_trial = {
|
|
type: 'survey-html-form',
|
|
preamble: '<p> What is your favorite bird?</p>',
|
|
html: '<p>MY favorite bird is <input type="text" id="test-resp-box" name="response" size="10" /></p>',
|
|
autofocus: 'test-resp-box'
|
|
}
|
|
|
|
jsPsych.init({
|
|
timeline: [form_trial,autofocus_trial],
|
|
on_finish: function(){ jsPsych.data.displayData(); }
|
|
});
|
|
|
|
</script>
|
|
|
|
</html>
|