jsPsych/plugins/jspsych-survey-likert.js
2016-08-12 12:26:04 -04:00

122 lines
4.2 KiB
JavaScript

/**
* jspsych-survey-likert
* a jspsych plugin for measuring items on a likert scale
*
* Josh de Leeuw
*
* documentation: docs.jspsych.org
*
*/
jsPsych.plugins['survey-likert'] = (function() {
var plugin = {};
plugin.info = {
name: 'survey-likert',
description: '',
parameters: {
questions: {
type: [jsPsych.plugins.parameterType.STRING],
array: true,
default: undefined,
no_function: false,
description: ''
},
labels: {
type: [jsPsych.plugins.parameterType.STRING],
array: true,
default: undefined,
no_function: false,
description: ''
}
}
}
plugin.trial = function(display_element, trial) {
// default parameters for the trial
trial.preamble = typeof trial.preamble === 'undefined' ? "" : trial.preamble;
// if any trial variables are functions
// this evaluates the function and replaces
// it with the output of the function
trial = jsPsych.pluginAPI.evaluateFunctionParameters(trial);
// inject CSS for trial
var node = display_element.append('<style id="jspsych-survey-likert-css">')
var cssstr = ".jspsych-survey-likert-statement { display:block; font-size: 18px; padding-top: 30px; margin-bottom:10px; }"+
".jspsych-survey-likert-opts { list-style:none; width:100%; margin:0; padding:0 0 35px; display:block; font-size: 14px; line-height:1.1em; }"+
".jspsych-survey-likert-opt-label { line-height: 1.1em; }"+
".jspsych-survey-likert-opts:before { content: ''; position:relative; top:11px; /*left:9.5%;*/ display:block; background-color:#efefef; height:4px; width:100%; }"+
".jspsych-survey-likert-opts:last-of-type { border-bottom: 0; }"+
".jspsych-survey-likert-opts li { display:inline-block; /*width:19%;*/ text-align:center; vertical-align: top; }"+
".jspsych-survey-likert-opts li input[type=radio] { display:block; position:relative; top:0; left:50%; margin-left:-6px; }"
$('#jspsych-survey-likert-css').html(cssstr);
// show preamble text
display_element.append($('<div>', {
"id": 'jspsych-survey-likert-preamble',
"class": 'jspsych-survey-likert-preamble'
}));
$('#jspsych-survey-likert-preamble').html(trial.preamble);
display_element.append('<form id="jspsych-survey-likert-form">');
// add likert scale questions
for (var i = 0; i < trial.questions.length; i++) {
form_element = $('#jspsych-survey-likert-form');
// add question
form_element.append('<label class="jspsych-survey-likert-statement">' + trial.questions[i] + '</label>');
// add options
var width = 100 / trial.labels[i].length;
options_string = '<ul class="jspsych-survey-likert-opts" data-radio-group="Q' + i + '">';
for (var j = 0; j < trial.labels[i].length; j++) {
options_string += '<li style="width:' + width + '%"><input type="radio" name="Q' + i + '" value="' + j + '"><label class="jspsych-survey-likert-opt-label">' + trial.labels[i][j] + '</label></li>';
}
options_string += '</ul>';
form_element.append(options_string);
}
// add submit button
display_element.append($('<button>', {
'id': 'jspsych-survey-likert-next',
'class': 'jspsych-survey-likert jspsych-btn'
}));
$("#jspsych-survey-likert-next").html('Submit Answers');
$("#jspsych-survey-likert-next").click(function() {
// measure response time
var endTime = (new Date()).getTime();
var response_time = endTime - startTime;
// create object to hold responses
var question_data = {};
$("#jspsych-survey-likert-form .jspsych-survey-likert-opts").each(function(index) {
var id = $(this).data('radio-group');
var response = $('input[name="' + id + '"]:checked').val();
if (typeof response == 'undefined') {
response = -1;
}
var obje = {};
obje[id] = response;
$.extend(question_data, obje);
});
// save data
var trial_data = {
"rt": response_time,
"responses": JSON.stringify(question_data)
};
display_element.html('');
// next trial
jsPsych.finishTrial(trial_data);
});
var startTime = (new Date()).getTime();
};
return plugin;
})();