mirror of
https://github.com/jspsych/jsPsych.git
synced 2025-05-12 08:38:11 +00:00
updating plugins to match new format
This commit is contained in:
Josh de Leeuw
parent
0742ebc246
commit
dadede318d
@ -5,130 +5,118 @@
|
|||||||
* documentation: docs.jspsych.org
|
* documentation: docs.jspsych.org
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function($) {
|
|
||||||
jsPsych.animation = (function() {
|
|
||||||
|
|
||||||
var plugin = {};
|
jsPsych.animation = (function() {
|
||||||
|
|
||||||
plugin.create = function(params) {
|
var plugin = {};
|
||||||
|
|
||||||
params = jsPsych.pluginAPI.enforceArray(params, ['choices']);
|
plugin.trial = function(display_element, trial) {
|
||||||
|
|
||||||
var trials = new Array(params.stimuli.length);
|
trials.frame_time = trial.frame_time || 250;
|
||||||
for (var i = 0; i < trials.length; i++) {
|
trials.frame_isi = trial.frame_isi || 0;
|
||||||
trials[i] = {};
|
trials.sequence_reps = trial.sequence_reps || 1;
|
||||||
trials[i].stims = params.stimuli[i];
|
trials.choices = trial.choices || [];
|
||||||
trials[i].frame_time = params.frame_time || 250;
|
trials.prompt = (typeof trial.prompt === 'undefined') ? "" : trial.prompt;
|
||||||
trials[i].frame_isi = params.frame_isi || 0;
|
|
||||||
trials[i].sequence_reps = params.sequence_reps || 1;
|
|
||||||
trials[i].choices = params.choices || [];
|
|
||||||
trials[i].prompt = (typeof params.prompt === 'undefined') ? "" : params.prompt;
|
|
||||||
}
|
|
||||||
return trials;
|
|
||||||
};
|
|
||||||
|
|
||||||
plugin.trial = function(display_element, trial) {
|
// if any trial variables are functions
|
||||||
|
// this evaluates the function and replaces
|
||||||
|
// it with the output of the function
|
||||||
|
trial = jsPsych.pluginAPI.evaluateFunctionParameters(trial);
|
||||||
|
|
||||||
// if any trial variables are functions
|
var interval_time = trial.frame_time + trial.frame_isi;
|
||||||
// this evaluates the function and replaces
|
var animate_frame = -1;
|
||||||
// it with the output of the function
|
var reps = 0;
|
||||||
trial = jsPsych.pluginAPI.evaluateFunctionParameters(trial);
|
var startTime = (new Date()).getTime();
|
||||||
|
var animation_sequence = [];
|
||||||
|
var responses = [];
|
||||||
|
var current_stim = "";
|
||||||
|
|
||||||
var interval_time = trial.frame_time + trial.frame_isi;
|
var animate_interval = setInterval(function() {
|
||||||
var animate_frame = -1;
|
var showImage = true;
|
||||||
var reps = 0;
|
display_element.html(""); // clear everything
|
||||||
var startTime = (new Date()).getTime();
|
animate_frame++;
|
||||||
var animation_sequence = [];
|
if (animate_frame == trial.stimuli.length) {
|
||||||
var responses = [];
|
animate_frame = 0;
|
||||||
var current_stim = "";
|
reps++;
|
||||||
|
if (reps >= trial.sequence_reps) {
|
||||||
var animate_interval = setInterval(function() {
|
endTrial();
|
||||||
var showImage = true;
|
clearInterval(animate_interval);
|
||||||
display_element.html(""); // clear everything
|
showImage = false;
|
||||||
animate_frame++;
|
|
||||||
if (animate_frame == trial.stims.length) {
|
|
||||||
animate_frame = 0;
|
|
||||||
reps++;
|
|
||||||
if (reps >= trial.sequence_reps) {
|
|
||||||
endTrial();
|
|
||||||
clearInterval(animate_interval);
|
|
||||||
showImage = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (showImage) {
|
|
||||||
show_next_frame();
|
|
||||||
}
|
|
||||||
}, interval_time);
|
|
||||||
|
|
||||||
function show_next_frame() {
|
|
||||||
// show image
|
|
||||||
display_element.append($('<img>', {
|
|
||||||
"src": trial.stims[animate_frame],
|
|
||||||
"id": 'jspsych-animation-image'
|
|
||||||
}));
|
|
||||||
|
|
||||||
current_stim = trial.stims[animate_frame];
|
|
||||||
|
|
||||||
// record when image was shown
|
|
||||||
animation_sequence.push({
|
|
||||||
"stimulus": current_stim,
|
|
||||||
"time": (new Date()).getTime() - startTime
|
|
||||||
});
|
|
||||||
|
|
||||||
if (trial.prompt !== "") {
|
|
||||||
display_element.append(trial.prompt);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (trial.frame_isi > 0) {
|
|
||||||
setTimeout(function() {
|
|
||||||
$('#jspsych-animation-image').css('visibility', 'hidden');
|
|
||||||
current_stim = 'blank';
|
|
||||||
// record when blank image was shown
|
|
||||||
animation_sequence.push({
|
|
||||||
"stimulus": 'blank',
|
|
||||||
"time": (new Date()).getTime() - startTime
|
|
||||||
});
|
|
||||||
}, trial.frame_time);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
if (showImage) {
|
||||||
var after_response = function(info) {
|
show_next_frame();
|
||||||
|
|
||||||
responses.push({
|
|
||||||
key_press: info.key,
|
|
||||||
rt: info.rt,
|
|
||||||
stimulus: current_stim
|
|
||||||
});
|
|
||||||
|
|
||||||
// after a valid response, the stimulus will have the CSS class 'responded'
|
|
||||||
// which can be used to provide visual feedback that a response was recorded
|
|
||||||
$("#jspsych-animation-image").addClass('responded');
|
|
||||||
}
|
}
|
||||||
|
}, interval_time);
|
||||||
|
|
||||||
// hold the jspsych response listener object in memory
|
function show_next_frame() {
|
||||||
// so that we can turn off the response collection when
|
// show image
|
||||||
// the trial ends
|
display_element.append($('<img>', {
|
||||||
var response_listener = jsPsych.pluginAPI.getKeyboardResponse({
|
"src": trial.stimuli[animate_frame],
|
||||||
callback_function: after_response,
|
"id": 'jspsych-animation-image'
|
||||||
valid_responses: trial.choices,
|
}));
|
||||||
rt_method: 'date',
|
|
||||||
persist: true,
|
current_stim = trial.stimuli[animate_frame];
|
||||||
allow_held_key: false
|
|
||||||
|
// record when image was shown
|
||||||
|
animation_sequence.push({
|
||||||
|
"stimulus": current_stim,
|
||||||
|
"time": (new Date()).getTime() - startTime
|
||||||
});
|
});
|
||||||
|
|
||||||
function endTrial() {
|
if (trial.prompt !== "") {
|
||||||
|
display_element.append(trial.prompt);
|
||||||
jsPsych.pluginAPI.cancelKeyboardResponse(response_listener);
|
|
||||||
|
|
||||||
jsPsych.data.write({
|
|
||||||
"animation_sequence": JSON.stringify(animation_sequence),
|
|
||||||
"responses": JSON.stringify(responses)
|
|
||||||
});
|
|
||||||
|
|
||||||
jsPsych.finishTrial();
|
|
||||||
}
|
}
|
||||||
};
|
|
||||||
|
|
||||||
return plugin;
|
if (trial.frame_isi > 0) {
|
||||||
})();
|
setTimeout(function() {
|
||||||
})(jQuery);
|
$('#jspsych-animation-image').css('visibility', 'hidden');
|
||||||
|
current_stim = 'blank';
|
||||||
|
// record when blank image was shown
|
||||||
|
animation_sequence.push({
|
||||||
|
"stimulus": 'blank',
|
||||||
|
"time": (new Date()).getTime() - startTime
|
||||||
|
});
|
||||||
|
}, trial.frame_time);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var after_response = function(info) {
|
||||||
|
|
||||||
|
responses.push({
|
||||||
|
key_press: info.key,
|
||||||
|
rt: info.rt,
|
||||||
|
stimulus: current_stim
|
||||||
|
});
|
||||||
|
|
||||||
|
// after a valid response, the stimulus will have the CSS class 'responded'
|
||||||
|
// which can be used to provide visual feedback that a response was recorded
|
||||||
|
$("#jspsych-animation-image").addClass('responded');
|
||||||
|
}
|
||||||
|
|
||||||
|
// hold the jspsych response listener object in memory
|
||||||
|
// so that we can turn off the response collection when
|
||||||
|
// the trial ends
|
||||||
|
var response_listener = jsPsych.pluginAPI.getKeyboardResponse({
|
||||||
|
callback_function: after_response,
|
||||||
|
valid_responses: trial.choices,
|
||||||
|
rt_method: 'date',
|
||||||
|
persist: true,
|
||||||
|
allow_held_key: false
|
||||||
|
});
|
||||||
|
|
||||||
|
function endTrial() {
|
||||||
|
|
||||||
|
jsPsych.pluginAPI.cancelKeyboardResponse(response_listener);
|
||||||
|
|
||||||
|
var trial_data = {
|
||||||
|
"animation_sequence": JSON.stringify(animation_sequence),
|
||||||
|
"responses": JSON.stringify(responses)
|
||||||
|
};
|
||||||
|
|
||||||
|
jsPsych.finishTrial(trial_data);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return plugin;
|
||||||
|
})();
|
||||||
|
|||||||
@ -9,165 +9,152 @@
|
|||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function($) {
|
jsPsych.instructions = (function() {
|
||||||
jsPsych.instructions = (function() {
|
|
||||||
|
|
||||||
var plugin = {};
|
var plugin = {};
|
||||||
|
|
||||||
plugin.create = function(params) {
|
plugin.trial = function(display_element, trial) {
|
||||||
|
|
||||||
params = jsPsych.pluginAPI.enforceArray(params, ['pages']);
|
trial.key_forward = trial.key_forward || 'rightarrow';
|
||||||
|
trial.key_backward = trial.key_backward || 'leftarrow';
|
||||||
|
trial.allow_backward = (typeof trial.allow_backward === 'undefined') ? true : trial.allow_backward;
|
||||||
|
trial.allow_keys = (typeof trial.allow_keys === 'undefined') ? true : trial.allow_keys;
|
||||||
|
trial.show_clickable_nav = (typeof trial.show_clickable_nav === 'undefined') ? false : trial.show_clickable_nav;
|
||||||
|
|
||||||
var trials = new Array(1);
|
// if any trial variables are functions
|
||||||
|
// this evaluates the function and replaces
|
||||||
|
// it with the output of the function
|
||||||
|
trial = jsPsych.pluginAPI.evaluateFunctionParameters(trial);
|
||||||
|
|
||||||
trials[0] = {};
|
var current_page = 0;
|
||||||
trials[0].pages = params.pages;
|
|
||||||
trials[0].key_forward = params.key_forward || 'rightarrow';
|
|
||||||
trials[0].key_backward = params.key_backward || 'leftarrow';
|
|
||||||
trials[0].allow_backward = (typeof params.allow_backward === 'undefined') ? true : params.allow_backward;
|
|
||||||
trials[0].allow_keys = (typeof params.allow_keys === 'undefined') ? true : params.allow_keys;
|
|
||||||
trials[0].show_clickable_nav = (typeof params.show_clickable_nav === 'undefined') ? false : params.show_clickable_nav;
|
|
||||||
|
|
||||||
return trials;
|
var view_history = [];
|
||||||
};
|
|
||||||
|
|
||||||
plugin.trial = function(display_element, trial) {
|
var start_time = (new Date()).getTime();
|
||||||
|
|
||||||
// if any trial variables are functions
|
var last_page_update_time = start_time;
|
||||||
// this evaluates the function and replaces
|
|
||||||
// it with the output of the function
|
|
||||||
trial = jsPsych.pluginAPI.evaluateFunctionParameters(trial);
|
|
||||||
|
|
||||||
var current_page = 0;
|
function show_current_page() {
|
||||||
|
display_element.html(trial.pages[current_page]);
|
||||||
|
|
||||||
var view_history = [];
|
if (trial.show_clickable_nav) {
|
||||||
|
|
||||||
var start_time = (new Date()).getTime();
|
var nav_html = "<div class='jspsych-instructions-nav'>";
|
||||||
|
if (current_page != 0 && trial.allow_backward) {
|
||||||
|
nav_html += "<button id='jspsych-instructions-back' class='jspsych-btn'>< Previous</button>";
|
||||||
|
}
|
||||||
|
nav_html += "<button id='jspsych-instructions-next' class='jspsych-btn'>Next ></button></div>"
|
||||||
|
|
||||||
var last_page_update_time = start_time;
|
display_element.append(nav_html);
|
||||||
|
|
||||||
function show_current_page() {
|
if (current_page != 0 && trial.allow_backward) {
|
||||||
display_element.html(trial.pages[current_page]);
|
$('#jspsych-instructions-back').on('click', function() {
|
||||||
|
|
||||||
if (trial.show_clickable_nav) {
|
|
||||||
|
|
||||||
var nav_html = "<div class='jspsych-instructions-nav'>";
|
|
||||||
if (current_page != 0 && trial.allow_backward) {
|
|
||||||
nav_html += "<button id='jspsych-instructions-back' class='jspsych-btn'>< Previous</button>";
|
|
||||||
}
|
|
||||||
nav_html += "<button id='jspsych-instructions-next' class='jspsych-btn'>Next ></button></div>"
|
|
||||||
|
|
||||||
display_element.append(nav_html);
|
|
||||||
|
|
||||||
if (current_page != 0 && trial.allow_backward) {
|
|
||||||
$('#jspsych-instructions-back').on('click', function() {
|
|
||||||
clear_button_handlers();
|
|
||||||
back();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
$('#jspsych-instructions-next').on('click', function() {
|
|
||||||
clear_button_handlers();
|
clear_button_handlers();
|
||||||
next();
|
back();
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function clear_button_handlers() {
|
|
||||||
$('#jspsych-instructions-next').off('click');
|
|
||||||
$('#jspsych-instructions-back').off('click');
|
|
||||||
}
|
|
||||||
|
|
||||||
function next() {
|
|
||||||
|
|
||||||
add_current_page_to_view_history()
|
|
||||||
|
|
||||||
current_page++;
|
|
||||||
|
|
||||||
// if done, finish up...
|
|
||||||
if (current_page >= trial.pages.length) {
|
|
||||||
endTrial();
|
|
||||||
} else {
|
|
||||||
show_current_page();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$('#jspsych-instructions-next').on('click', function() {
|
||||||
|
clear_button_handlers();
|
||||||
|
next();
|
||||||
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
function back() {
|
function clear_button_handlers() {
|
||||||
|
$('#jspsych-instructions-next').off('click');
|
||||||
|
$('#jspsych-instructions-back').off('click');
|
||||||
|
}
|
||||||
|
|
||||||
add_current_page_to_view_history()
|
function next() {
|
||||||
|
|
||||||
current_page--;
|
add_current_page_to_view_history()
|
||||||
|
|
||||||
|
current_page++;
|
||||||
|
|
||||||
|
// if done, finish up...
|
||||||
|
if (current_page >= trial.pages.length) {
|
||||||
|
endTrial();
|
||||||
|
} else {
|
||||||
show_current_page();
|
show_current_page();
|
||||||
}
|
}
|
||||||
|
|
||||||
function add_current_page_to_view_history() {
|
}
|
||||||
|
|
||||||
var current_time = (new Date()).getTime();
|
function back() {
|
||||||
|
|
||||||
var page_view_time = current_time - last_page_update_time;
|
add_current_page_to_view_history()
|
||||||
|
|
||||||
view_history.push({
|
current_page--;
|
||||||
page_index: current_page,
|
|
||||||
viewing_time: page_view_time
|
|
||||||
});
|
|
||||||
|
|
||||||
last_page_update_time = current_time;
|
|
||||||
}
|
|
||||||
|
|
||||||
function endTrial() {
|
|
||||||
|
|
||||||
if (trial.allow_keys) {
|
|
||||||
jsPsych.pluginAPI.cancelKeyboardResponse(keyboard_listener);
|
|
||||||
}
|
|
||||||
|
|
||||||
display_element.html('');
|
|
||||||
|
|
||||||
jsPsych.data.write({
|
|
||||||
"view_history": JSON.stringify(view_history),
|
|
||||||
"rt": (new Date()).getTime() - start_time
|
|
||||||
});
|
|
||||||
|
|
||||||
jsPsych.finishTrial();
|
|
||||||
}
|
|
||||||
|
|
||||||
var after_response = function(info) {
|
|
||||||
|
|
||||||
// have to reinitialize this instead of letting it persist to prevent accidental skips of pages by holding down keys too long
|
|
||||||
keyboard_listener = jsPsych.pluginAPI.getKeyboardResponse({
|
|
||||||
callback_function: after_response,
|
|
||||||
valid_responses: [trial.key_forward, trial.key_backward],
|
|
||||||
rt_method: 'date',
|
|
||||||
persist: false,
|
|
||||||
allow_held_key: false
|
|
||||||
});
|
|
||||||
// check if key is forwards or backwards and update page
|
|
||||||
if (info.key === trial.key_backward || info.key === jsPsych.pluginAPI.convertKeyCharacterToKeyCode(trial.key_backward)) {
|
|
||||||
if (current_page !== 0 && trial.allow_backward) {
|
|
||||||
back();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (info.key === trial.key_forward || info.key === jsPsych.pluginAPI.convertKeyCharacterToKeyCode(trial.key_forward)) {
|
|
||||||
next();
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
show_current_page();
|
show_current_page();
|
||||||
|
}
|
||||||
|
|
||||||
|
function add_current_page_to_view_history() {
|
||||||
|
|
||||||
|
var current_time = (new Date()).getTime();
|
||||||
|
|
||||||
|
var page_view_time = current_time - last_page_update_time;
|
||||||
|
|
||||||
|
view_history.push({
|
||||||
|
page_index: current_page,
|
||||||
|
viewing_time: page_view_time
|
||||||
|
});
|
||||||
|
|
||||||
|
last_page_update_time = current_time;
|
||||||
|
}
|
||||||
|
|
||||||
|
function endTrial() {
|
||||||
|
|
||||||
if (trial.allow_keys) {
|
if (trial.allow_keys) {
|
||||||
var keyboard_listener = jsPsych.pluginAPI.getKeyboardResponse({
|
jsPsych.pluginAPI.cancelKeyboardResponse(keyboard_listener);
|
||||||
callback_function: after_response,
|
|
||||||
valid_responses: [trial.key_forward, trial.key_backward],
|
|
||||||
rt_method: 'date',
|
|
||||||
persist: false
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
display_element.html('');
|
||||||
|
|
||||||
|
var trial_data = {
|
||||||
|
"view_history": JSON.stringify(view_history),
|
||||||
|
"rt": (new Date()).getTime() - start_time
|
||||||
|
};
|
||||||
|
|
||||||
|
jsPsych.finishTrial(trial_data);
|
||||||
|
}
|
||||||
|
|
||||||
|
var after_response = function(info) {
|
||||||
|
|
||||||
|
// have to reinitialize this instead of letting it persist to prevent accidental skips of pages by holding down keys too long
|
||||||
|
keyboard_listener = jsPsych.pluginAPI.getKeyboardResponse({
|
||||||
|
callback_function: after_response,
|
||||||
|
valid_responses: [trial.key_forward, trial.key_backward],
|
||||||
|
rt_method: 'date',
|
||||||
|
persist: false,
|
||||||
|
allow_held_key: false
|
||||||
|
});
|
||||||
|
// check if key is forwards or backwards and update page
|
||||||
|
if (info.key === trial.key_backward || info.key === jsPsych.pluginAPI.convertKeyCharacterToKeyCode(trial.key_backward)) {
|
||||||
|
if (current_page !== 0 && trial.allow_backward) {
|
||||||
|
back();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (info.key === trial.key_forward || info.key === jsPsych.pluginAPI.convertKeyCharacterToKeyCode(trial.key_forward)) {
|
||||||
|
next();
|
||||||
|
}
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return plugin;
|
show_current_page();
|
||||||
})();
|
|
||||||
})(jQuery);
|
if (trial.allow_keys) {
|
||||||
|
var keyboard_listener = jsPsych.pluginAPI.getKeyboardResponse({
|
||||||
|
callback_function: after_response,
|
||||||
|
valid_responses: [trial.key_forward, trial.key_backward],
|
||||||
|
rt_method: 'date',
|
||||||
|
persist: false
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return plugin;
|
||||||
|
})();
|
||||||
|
|||||||
@ -8,101 +8,90 @@
|
|||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function($) {
|
|
||||||
jsPsych['survey-text'] = (function() {
|
|
||||||
|
|
||||||
var plugin = {};
|
jsPsych['survey-text'] = (function() {
|
||||||
|
|
||||||
plugin.create = function(params) {
|
var plugin = {};
|
||||||
|
|
||||||
//params = jsPsych.pluginAPI.enforceArray(params, ['data']);
|
plugin.trial = function(display_element, trial) {
|
||||||
|
|
||||||
var trials = [];
|
trial.preamble = typeof trial.preamble == 'undefined' ? "" : trial.preamble;
|
||||||
for (var i = 0; i < params.questions.length; i++) {
|
if (typeof trial.rows == 'undefined') {
|
||||||
var rows = [], cols = [];
|
trial.rows = [];
|
||||||
if(typeof params.rows == 'undefined' || typeof params.columns == 'undefined'){
|
|
||||||
for(var j = 0; j < params.questions[i].length; j++){
|
|
||||||
cols.push(40);
|
|
||||||
rows.push(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
trials.push({
|
|
||||||
preamble: typeof params.preamble == 'undefined' ? "" : params.preamble[i],
|
|
||||||
questions: params.questions[i],
|
|
||||||
rows: typeof params.rows == 'undefined' ? rows : params.rows[i],
|
|
||||||
columns: typeof params.columns == 'undefined' ? cols : params.columns[i]
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return trials;
|
|
||||||
};
|
|
||||||
|
|
||||||
plugin.trial = function(display_element, trial) {
|
|
||||||
|
|
||||||
// if any trial variables are functions
|
|
||||||
// this evaluates the function and replaces
|
|
||||||
// it with the output of the function
|
|
||||||
trial = jsPsych.pluginAPI.evaluateFunctionParameters(trial);
|
|
||||||
|
|
||||||
// show preamble text
|
|
||||||
display_element.append($('<div>', {
|
|
||||||
"id": 'jspsych-survey-text-preamble',
|
|
||||||
"class": 'jspsych-survey-text-preamble'
|
|
||||||
}));
|
|
||||||
|
|
||||||
$('#jspsych-survey-text-preamble').html(trial.preamble);
|
|
||||||
|
|
||||||
// add questions
|
|
||||||
for (var i = 0; i < trial.questions.length; i++) {
|
for (var i = 0; i < trial.questions.length; i++) {
|
||||||
// create div
|
trial.rows.push(1);
|
||||||
display_element.append($('<div>', {
|
|
||||||
"id": 'jspsych-survey-text-' + i,
|
|
||||||
"class": 'jspsych-survey-text-question'
|
|
||||||
}));
|
|
||||||
|
|
||||||
// add question text
|
|
||||||
$("#jspsych-survey-text-" + i).append('<p class="jspsych-survey-text">' + trial.questions[i] + '</p>');
|
|
||||||
|
|
||||||
// add text box
|
|
||||||
$("#jspsych-survey-text-" + i).append('<textarea name="#jspsych-survey-text-response-' + i + '" cols="'+trial.columns[i]+'" rows="'+trial.rows[i]+'"></textarea>');
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
if (typeof trial.columns == 'undefined') {
|
||||||
|
trial.columns = [];
|
||||||
|
for (var i = 0; i < trial.questions.length; i++) {
|
||||||
|
trial.columns.push(40);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// add submit button
|
// if any trial variables are functions
|
||||||
display_element.append($('<button>', {
|
// this evaluates the function and replaces
|
||||||
'id': 'jspsych-survey-text-next',
|
// it with the output of the function
|
||||||
'class': 'jspsych-survey-text'
|
trial = jsPsych.pluginAPI.evaluateFunctionParameters(trial);
|
||||||
|
|
||||||
|
// show preamble text
|
||||||
|
display_element.append($('<div>', {
|
||||||
|
"id": 'jspsych-survey-text-preamble',
|
||||||
|
"class": 'jspsych-survey-text-preamble'
|
||||||
|
}));
|
||||||
|
|
||||||
|
$('#jspsych-survey-text-preamble').html(trial.preamble);
|
||||||
|
|
||||||
|
// add questions
|
||||||
|
for (var i = 0; i < trial.questions.length; i++) {
|
||||||
|
// create div
|
||||||
|
display_element.append($('<div>', {
|
||||||
|
"id": 'jspsych-survey-text-' + i,
|
||||||
|
"class": 'jspsych-survey-text-question'
|
||||||
}));
|
}));
|
||||||
$("#jspsych-survey-text-next").html('Submit Answers');
|
|
||||||
$("#jspsych-survey-text-next").click(function() {
|
|
||||||
// measure response time
|
|
||||||
var endTime = (new Date()).getTime();
|
|
||||||
var response_time = endTime - startTime;
|
|
||||||
|
|
||||||
// create object to hold responses
|
// add question text
|
||||||
var question_data = {};
|
$("#jspsych-survey-text-" + i).append('<p class="jspsych-survey-text">' + trial.questions[i] + '</p>');
|
||||||
$("div.jspsych-survey-text-question").each(function(index) {
|
|
||||||
var id = "Q" + index;
|
|
||||||
var val = $(this).children('textarea').val();
|
|
||||||
var obje = {};
|
|
||||||
obje[id] = val;
|
|
||||||
$.extend(question_data, obje);
|
|
||||||
});
|
|
||||||
|
|
||||||
// save data
|
// add text box
|
||||||
jsPsych.data.write({
|
$("#jspsych-survey-text-" + i).append('<textarea name="#jspsych-survey-text-response-' + i + '" cols="' + trial.columns[i] + '" rows="' + trial.rows[i] + '"></textarea>');
|
||||||
"rt": response_time,
|
}
|
||||||
"responses": JSON.stringify(question_data)
|
|
||||||
});
|
|
||||||
|
|
||||||
display_element.html('');
|
// add submit button
|
||||||
|
display_element.append($('<button>', {
|
||||||
|
'id': 'jspsych-survey-text-next',
|
||||||
|
'class': 'jspsych-survey-text'
|
||||||
|
}));
|
||||||
|
$("#jspsych-survey-text-next").html('Submit Answers');
|
||||||
|
$("#jspsych-survey-text-next").click(function() {
|
||||||
|
// measure response time
|
||||||
|
var endTime = (new Date()).getTime();
|
||||||
|
var response_time = endTime - startTime;
|
||||||
|
|
||||||
// next trial
|
// create object to hold responses
|
||||||
jsPsych.finishTrial();
|
var question_data = {};
|
||||||
|
$("div.jspsych-survey-text-question").each(function(index) {
|
||||||
|
var id = "Q" + index;
|
||||||
|
var val = $(this).children('textarea').val();
|
||||||
|
var obje = {};
|
||||||
|
obje[id] = val;
|
||||||
|
$.extend(question_data, obje);
|
||||||
});
|
});
|
||||||
|
|
||||||
var startTime = (new Date()).getTime();
|
// save data
|
||||||
};
|
var trialdata = {
|
||||||
|
"rt": response_time,
|
||||||
|
"responses": JSON.stringify(question_data)
|
||||||
|
};
|
||||||
|
|
||||||
return plugin;
|
display_element.html('');
|
||||||
})();
|
|
||||||
})(jQuery);
|
// next trial
|
||||||
|
jsPsych.finishTrial(trialdata);
|
||||||
|
});
|
||||||
|
|
||||||
|
var startTime = (new Date()).getTime();
|
||||||
|
};
|
||||||
|
|
||||||
|
return plugin;
|
||||||
|
})();
|
||||||
|
|||||||
@ -9,76 +9,63 @@
|
|||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function($) {
|
jsPsych.text = (function() {
|
||||||
jsPsych.text = (function() {
|
|
||||||
|
|
||||||
var plugin = {};
|
var plugin = {};
|
||||||
|
|
||||||
plugin.create = function(params) {
|
plugin.trial = function(display_element, trial) {
|
||||||
|
|
||||||
params = jsPsych.pluginAPI.enforceArray(params, ['text','cont_key']);
|
trial.cont_key = trial.cont_key || [];
|
||||||
|
|
||||||
var trials = new Array(params.text.length);
|
// if any trial variables are functions
|
||||||
for (var i = 0; i < trials.length; i++) {
|
// this evaluates the function and replaces
|
||||||
trials[i] = {};
|
// it with the output of the function
|
||||||
trials[i].text = params.text[i]; // text of all trials
|
trial = jsPsych.pluginAPI.evaluateFunctionParameters(trial);
|
||||||
trials[i].cont_key = params.cont_key || []; // keycode to press to advance screen, default is all keys.
|
|
||||||
}
|
|
||||||
return trials;
|
|
||||||
};
|
|
||||||
|
|
||||||
plugin.trial = function(display_element, trial) {
|
// set the HTML of the display target to replaced_text.
|
||||||
|
display_element.html(trial.text);
|
||||||
|
|
||||||
// if any trial variables are functions
|
var after_response = function(info) {
|
||||||
// this evaluates the function and replaces
|
|
||||||
// it with the output of the function
|
|
||||||
trial = jsPsych.pluginAPI.evaluateFunctionParameters(trial);
|
|
||||||
|
|
||||||
// set the HTML of the display target to replaced_text.
|
display_element.html(''); // clear the display
|
||||||
display_element.html(trial.text);
|
|
||||||
|
|
||||||
var after_response = function(info) {
|
var trialdata = {
|
||||||
|
"rt": info.rt,
|
||||||
|
"key_press": info.key
|
||||||
|
}
|
||||||
|
|
||||||
display_element.html(''); // clear the display
|
jsPsych.finishTrial(trialdata);
|
||||||
|
|
||||||
save_data(info.key, info.rt);
|
};
|
||||||
|
|
||||||
jsPsych.finishTrial();
|
var mouse_listener = function(e) {
|
||||||
|
|
||||||
};
|
var rt = (new Date()).getTime() - start_time;
|
||||||
|
|
||||||
var mouse_listener = function(e) {
|
display_element.unbind('click', mouse_listener);
|
||||||
|
|
||||||
var rt = (new Date()).getTime() - start_time;
|
after_response({
|
||||||
|
key: 'mouse',
|
||||||
|
rt: rt
|
||||||
|
});
|
||||||
|
|
||||||
display_element.unbind('click', mouse_listener);
|
};
|
||||||
|
|
||||||
after_response({key: 'mouse', rt: rt});
|
// check if key is 'mouse'
|
||||||
|
if (trial.cont_key == 'mouse') {
|
||||||
|
display_element.click(mouse_listener);
|
||||||
|
var start_time = (new Date()).getTime();
|
||||||
|
} else {
|
||||||
|
jsPsych.pluginAPI.getKeyboardResponse({
|
||||||
|
callback_function: after_response,
|
||||||
|
valid_responses: trial.cont_key,
|
||||||
|
rt_method: 'date',
|
||||||
|
persist: false,
|
||||||
|
allow_held_key: false
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// check if key is 'mouse'
|
return plugin;
|
||||||
if (trial.cont_key == 'mouse') {
|
})();
|
||||||
display_element.click(mouse_listener);
|
|
||||||
var start_time = (new Date()).getTime();
|
|
||||||
} else {
|
|
||||||
jsPsych.pluginAPI.getKeyboardResponse({
|
|
||||||
callback_function: after_response,
|
|
||||||
valid_responses: trial.cont_key,
|
|
||||||
rt_method: 'date',
|
|
||||||
persist: false,
|
|
||||||
allow_held_key: false
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function save_data(key, rt) {
|
|
||||||
jsPsych.data.write({
|
|
||||||
"rt": rt,
|
|
||||||
"key_press": key
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
return plugin;
|
|
||||||
})();
|
|
||||||
})(jQuery);
|
|
||||||
|
|||||||
@ -1,65 +1,32 @@
|
|||||||
/**
|
/*
|
||||||
* Josh de Leeuw
|
* Example plugin template
|
||||||
* November 2013
|
|
||||||
*
|
|
||||||
* This is a basic template for a jsPsych plugin. Use it to start creating your
|
|
||||||
* own plugin. There is more information about how to create a plugin on the
|
|
||||||
* jsPsych wiki (https://github.com/jodeleeuw/jsPsych/wiki/Create-a-Plugin).
|
|
||||||
*
|
|
||||||
*
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function( $ ) {
|
|
||||||
jsPsych["PLUGIN-NAME"] = (function(){
|
jsPsych["PLUGIN-NAME"] = (function(){
|
||||||
|
|
||||||
var plugin = {};
|
var plugin = {};
|
||||||
|
|
||||||
plugin.create = function(params) {
|
plugin.trial = function(display_element, trial) {
|
||||||
var trials = new Array(NUMBER_OF_TRIALS);
|
|
||||||
for(var i = 0; i < NUMBER_OF_TRIALS; i++)
|
// set default values for parameters
|
||||||
{
|
trial.parameter = trial.parameter || 'default value';
|
||||||
trials[i] = {};
|
|
||||||
trials[i].type = "PLUGIN-NAME";
|
|
||||||
// other information needed for the trial method can be added here
|
|
||||||
|
|
||||||
// supporting the generic data object with the following line
|
|
||||||
// is always a good idea. it allows people to pass in the data
|
|
||||||
// parameter, but if they don't it gracefully adds an empty object
|
|
||||||
// in it's place.
|
|
||||||
trials[i].data = (typeof params.data === 'undefined') ? {} : params.data[i];
|
|
||||||
}
|
|
||||||
return trials;
|
|
||||||
};
|
|
||||||
|
|
||||||
plugin.trial = function(display_element, block, trial, part) {
|
|
||||||
// code for running the trial goes here
|
|
||||||
|
|
||||||
// allow variables as functions
|
// allow variables as functions
|
||||||
// this allows any trial variable to be specified as a function
|
// this allows any trial variable to be specified as a function
|
||||||
// that will be evaluated when the trial runs. this allows users
|
// that will be evaluated when the trial runs. this allows users
|
||||||
// to dynamically adjust the contents of a trial as a result
|
// to dynamically adjust the contents of a trial as a result
|
||||||
// of other trials, among other uses. you can leave this out,
|
// of other trials, among other uses. you can leave this out,
|
||||||
// but in general it should be included
|
// but in general it should be included
|
||||||
trial = jsPsych.evaluateFunctionParameters(trial);
|
trial = jsPsych.evaluateFunctionParameters(trial);
|
||||||
|
|
||||||
// data saving
|
// data saving
|
||||||
// this is technically optional, but virtually every plugin will
|
|
||||||
// need to do it. it is good practice to include the type and
|
|
||||||
// trial_index fields for all plugins.
|
|
||||||
var trial_data = {
|
var trial_data = {
|
||||||
type: trial.type,
|
parameter_name: 'parameter value'
|
||||||
trial_index: block.trial_idx,
|
|
||||||
// other values to save go here
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// this line merges together the trial_data object and the generic
|
// end trial
|
||||||
// data object (trial.data), and then stores them.
|
jsPsych.finishTrial(trial_data);
|
||||||
block.writeData($.extend({}, trial_data, trial.data));
|
|
||||||
|
|
||||||
// this method must be called at the end of the trial
|
|
||||||
block.next();
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return plugin;
|
return plugin;
|
||||||
})();
|
})();
|
||||||
}) (jQuery);
|
|
||||||
Loading…
Reference in New Issue
Block a user