replace all instances of jsPsych.init with initJsPsych/jsPsych.run in HTML files

This commit is contained in:
Becky Gilbert 2021-09-16 10:15:12 -07:00
parent 5ed2340157
commit 37d8f9f4ad
78 changed files with 255 additions and 248 deletions

View File

@ -24,6 +24,12 @@
<body></body>
<script>
var jsPsych = initJsPsych({
extensions: [
{type: 'webgazer'}
]
});
var preload = {
type: 'preload',
images: ['img/blue.png']
@ -150,8 +156,7 @@
choices: jsPsych.NO_KEYS
};
jsPsych.init({
timeline: [
jsPsych.run([
preload,
camera_instructions,
init_camera,
@ -164,11 +169,7 @@
begin,
trial,
show_data
],
extensions: [
{type: 'webgazer'}
]
});
]);
</script>
</html>

View File

@ -14,6 +14,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload_trial = {
type: 'preload',
auto_preload: true
@ -57,9 +59,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload_trial, start, animation_data_loop]
});
jsPsych.run([preload_trial, start, animation_data_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -10,6 +10,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var timeline = [];
timeline.push({
@ -51,9 +53,7 @@
});
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: timeline
});
jsPsych.run(timeline);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -10,6 +10,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var timeline = [];
// sound source: https://www.videvo.net/sound-effect/lion-growl-angry-gene-pe931902/249942/
@ -57,9 +59,7 @@
});
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: timeline
});
jsPsych.run(timeline);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -10,6 +10,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload = {
type: 'preload',
auto_preload: true
@ -50,9 +52,7 @@
}
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload, pre_audio, trial_data_loop]
});
jsPsych.run([preload, pre_audio, trial_data_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -10,6 +10,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload = {
type: 'preload',
auto_preload: true
@ -49,9 +51,7 @@
}
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload, pre_audio, trial_data_loop]
});
jsPsych.run([preload, pre_audio, trial_data_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -10,6 +10,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload = {
type: 'preload',
auto_preload: true
@ -49,9 +51,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload, pre_audio, trial_data_loop]
});
jsPsych.run([preload, pre_audio, trial_data_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -10,6 +10,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload = {
type: 'preload',
auto_preload: true
@ -51,9 +53,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload, pre_audio, trial_data_loop]
});
jsPsych.run([preload, pre_audio, trial_data_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -12,6 +12,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -47,9 +49,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -12,6 +12,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -51,9 +53,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -12,6 +12,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -52,9 +54,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -12,6 +12,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -73,9 +75,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, canvas_data_loop]
});
jsPsych.run([start, canvas_data_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -12,6 +12,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -64,9 +66,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, canvas_data_loop]
});
jsPsych.run([start, canvas_data_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -12,6 +12,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -75,9 +77,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, canvas_data_loop]
});
jsPsych.run([start, canvas_data_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -12,6 +12,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -55,9 +57,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, canvas_data_loop]
});
jsPsych.run([start, canvas_data_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -12,6 +12,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -55,9 +57,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, canvas_data_loop]
});
jsPsych.run([start, canvas_data_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -12,6 +12,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -58,9 +60,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, canvas_data_loop]
});
jsPsych.run([start, canvas_data_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -12,6 +12,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -64,9 +66,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, canvas_data_loop]
});
jsPsych.run([start, canvas_data_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -14,6 +14,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -58,9 +60,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload_trial, start, trial_loop]
});
jsPsych.run([preload_trial, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -14,6 +14,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -62,9 +64,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload_trial, start, trial_loop]
});
jsPsych.run([preload_trial, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -49,9 +51,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -55,9 +57,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload_trial, start, trial_loop]
});
jsPsych.run([preload_trial, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -43,9 +45,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -46,9 +48,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -59,9 +61,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -61,9 +63,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload_trial, start, trial_loop]
});
jsPsych.run([preload_trial, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -18,6 +18,9 @@
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -66,9 +69,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -12,6 +12,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -44,9 +46,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -45,9 +47,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -45,9 +47,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -46,9 +48,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -54,9 +56,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload_trial = {
type: 'preload',
auto_preload: true
@ -60,9 +62,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload_trial, start, trial_loop]
});
jsPsych.run([preload_trial, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload_trial = {
type: 'preload',
auto_preload: true
@ -51,9 +53,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload_trial, start, trial_loop]
});
jsPsych.run([preload_trial, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload_trial = {
type: 'preload',
auto_preload: true
@ -51,9 +53,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload_trial, start, trial_loop]
});
jsPsych.run([preload_trial, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload_trial = {
type: 'preload',
auto_preload: true
@ -51,9 +53,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload_trial, start, trial_loop]
});
jsPsych.run([preload_trial, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload_trial = {
type: 'preload',
auto_preload: true
@ -50,9 +52,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload_trial, start, trial_loop]
});
jsPsych.run([preload_trial, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -1,20 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<!-- Required for each demo -->
<script src="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/jspsych.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/plugins/jspsych-preload.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/plugins/jspsych-html-button-response.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/plugins/jspsych-instructions.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/css/jspsych.css">
<style>
.jspsych-btn {margin-bottom: 10px;}
</style>
<!-- UPDATE depending on current demo -->
<script src="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/plugins/jspsych-instructions.js"></script>
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var preload_trial = {
type: 'preload',
auto_preload: true
@ -55,9 +55,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload_trial, start, demo_loop]
});
jsPsych.run([preload_trial, start, demo_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -1,20 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<!-- Required for each demo -->
<script src="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/jspsych.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/plugins/jspsych-preload.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/plugins/jspsych-html-button-response.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/plugins/jspsych-instructions.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/css/jspsych.css">
<style>
.jspsych-btn {margin-bottom: 10px;}
</style>
<!-- UPDATE depending on current demo -->
<script src="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/plugins/jspsych-instructions.js"></script>
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var preload_trial = {
type: 'preload',
auto_preload: true
@ -56,9 +56,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload_trial, start, demo_loop]
});
jsPsych.run([preload_trial, start, demo_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -1,20 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<!-- Required for each demo -->
<script src="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/jspsych.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/plugins/jspsych-preload.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/plugins/jspsych-html-button-response.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/plugins/jspsych-instructions.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/css/jspsych.css">
<style>
.jspsych-btn {margin-bottom: 10px;}
</style>
<!-- UPDATE depending on current demo -->
<script src="https://cdn.jsdelivr.net/gh/jspsych/jsPsych@6.3.1/plugins/jspsych-instructions.js"></script>
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var preload_trial = {
type: 'preload',
auto_preload: true
@ -57,9 +57,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload_trial, start, demo_loop]
});
jsPsych.run([preload_trial, start, demo_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -45,9 +47,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -18,6 +18,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -66,9 +68,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -18,6 +18,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -57,9 +59,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -18,6 +18,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -35,8 +37,6 @@
choices: ['Repeat demo']
};
var trial_1 = {
type: 'image-button-response',
stimulus: 'img/happy_face_1.jpg',
@ -99,9 +99,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -18,6 +18,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -49,9 +51,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -44,9 +46,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -49,9 +51,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -49,9 +51,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -14,6 +14,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -64,9 +66,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -46,9 +48,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -17,6 +17,9 @@
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -56,9 +59,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -17,6 +17,9 @@
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var preload = {
type: 'preload',
images: [
@ -65,9 +68,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload, start, trial_loop]
});
jsPsych.run([preload, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -17,6 +17,9 @@
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -81,9 +84,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -17,6 +17,9 @@
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -91,9 +94,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -17,6 +17,9 @@
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -67,9 +70,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -17,6 +17,9 @@
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -73,9 +76,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -16,6 +16,9 @@
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -47,9 +50,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -16,6 +16,9 @@
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -48,9 +51,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -16,6 +16,9 @@
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -57,9 +60,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -16,6 +16,9 @@
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -59,9 +62,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -16,6 +16,9 @@
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -59,9 +62,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -16,6 +16,9 @@
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -61,9 +64,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -16,6 +16,9 @@
</head>
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -62,9 +65,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -17,6 +17,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -49,9 +51,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -17,6 +17,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -50,9 +52,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -17,6 +17,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -50,9 +52,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -18,6 +18,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload = {
type: 'preload',
images: ['img/navarro_burst_03.jpg']
@ -56,9 +58,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload, start, trial_loop]
});
jsPsych.run([preload, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload = {
type: 'preload',
video: 'video/fish.mp4'
@ -53,9 +55,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload, start, trial_loop]
});
jsPsych.run([preload, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload = {
type: 'preload',
video: 'video/fish.mp4'
@ -52,9 +54,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload, start, trial_loop]
});
jsPsych.run([preload, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -13,6 +13,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload = {
type: 'preload',
video: 'video/fish.mp4'
@ -52,9 +54,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload, start, trial_loop]
});
jsPsych.run([preload, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -14,6 +14,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var start = {
type: 'html-button-response',
stimulus: '',
@ -45,9 +47,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [start, trial_loop]
});
jsPsych.run([start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -14,6 +14,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload = {
type: 'preload',
images: ['img/card.png']
@ -60,9 +62,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload, start, trial_loop]
});
jsPsych.run([preload, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -14,6 +14,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload = {
type: 'preload',
images: ['img/card.png']
@ -60,9 +62,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload, start, trial_loop]
});
jsPsych.run([preload, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -18,6 +18,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload = {
type: 'preload',
images: ['img/backwardN.gif', 'img/normalN.gif', 'img/fixation.gif']
@ -64,9 +66,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload, start, trial_loop]
});
jsPsych.run([preload, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -18,6 +18,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload = {
type: 'preload',
images: ['img/elephant.png', 'img/lion.png', 'img/monkey.png']
@ -66,9 +68,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload, start, trial_loop]
});
jsPsych.run([preload, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -19,6 +19,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload = {
type: 'preload',
images: ['img/1.gif', 'img/2.gif', 'img/3.gif', 'img/4.gif']
@ -59,9 +61,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload, start, trial_loop]
});
jsPsych.run([preload, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -18,6 +18,8 @@
<body></body>
<script>
var jsPsych = initJsPsych();
var preload = {
type: 'preload',
images: ['img/1.gif', 'img/2.gif', 'img/3.gif', 'img/4.gif', 'img/5.gif']
@ -60,9 +62,7 @@
};
if (typeof jsPsych !== "undefined") {
jsPsych.init({
timeline: [preload, start, trial_loop]
});
jsPsych.run([preload, start, trial_loop]);
} else {
document.body.innerHTML = '<div style="text-align:center; margin-top:50%; transform:translate(0,-50%);">You must be online to view the plugin demo.</div>';
}

View File

@ -18,7 +18,7 @@
var trial_1 = {
type: jsPsychHtmlKeyboardResponse,
stimulus: '<p>By default, jsPsych does not treat letter responses as case sensitive. So "A" (uppercase) is treated as "a" (lowercase).</p>'+
'<p>This is an example of an experiment where "case_sensitive_responses" is set to "true" in jsPsych.init.</p>'+
'<p>This is an example of an experiment where "case_sensitive_responses" is set to "true" in initJsPsych.</p>'+
'<p>To continue, you must press the letter "a" (lowercase).</p>'+
'<p>The trial will not end if you respond with "A" (uppercase), either by holding down the Shift key or turning CapsLock on.</p>',
choices: ['a']
@ -37,7 +37,7 @@
choices: "ALL_KEYS",
stimulus: '<p>When "case_sensitive_responses" is "true", your keyboard responses are case-sensitive in the data.</p>'+
'<p>The next page shows the data, with your response recorded as "a" for the first trial and "A" for the second trial.</p>'+
'<p>If you change "case_sensitive_responses" to "false" in jsPsych.init and reload this expeirment<br>'+
'<p>If you change "case_sensitive_responses" to "false" in initJsPsych and reload this expeirment<br>'+
'you will find that both "a" or "A" responses are valid responses for the first two trials,<br>'+
'and your response will always be recorded as "a" (lowercase) in the data.</p>'
};