HoshinoKoji/jsPsych
1
0
Fork 0
mirror of https://github.com/jspsych/jsPsych.git synced 2025-05-10 11:10:54 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

comments and cleanup

Browse Source
This commit is contained in:
Josh de Leeuw 2013-10-24 14:30:50 -04:00
parent 45dac15b1b
commit 6e32293a9d
2 changed files with 238 additions and 194 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
plugins/jspsych-survey-likert.js
View File

@ -1,7 +1,18 @@
/* jspsych-likert
/**
* jspsych-likert
* a jspsych plugin for measuring items on a likert scale
*
* Josh de Leeuw (March 2013)
* Updated October 2013
*
* parameters:
* questions: array of arrays. inner arrays are arrays of strings, where each string represents a prompt
* for the user to respond to.
* labels: array of arrays of arrays. inner most arrays are label markers for the slider, e.g. ["Strongly Disagree", "Neutral", "Strongly Agree"].
* need one inner array for every question that is part of the trial. middle arrays group questions together.
* intervals: array of arrays. inner arrays are how many different responses the user can select from, e.g. 5, one for each question.
* show_ticks: graphically show tick marks on the slider bar to indicate the response levels.
* data: optional data object
*
*/
@ -12,34 +23,38 @@
plugin.create = function(params) {
var trials = [];
for(var i = 0; i < params.questions.length; i++)
{
for (var i = 0; i < params.questions.length; i++) {
trials.push({
type: "likert",
questions: params.questions[i],
labels: params.labels[i],
intervals: params.intervals[i],
show_ticks: params.show_ticks || true
show_ticks: params.show_ticks || true,
data: (typeof params.data === 'undefined') ? {} : params.data[i]
});
}
return trials;
}
};
plugin.trial = function(display_element, block, trial, part) {
// add likert scale questions
for(var i = 0; i < trial.questions.length; i++)
{
for (var i = 0; i < trial.questions.length; i++) {
// create div
display_element.append($('<div>', { "id": 'likert'+i, "class": 'likertquestion'}));
display_element.append($('<div>', {
"id": 'likert' + i,
"class": 'likertquestion'
}));
// add question text
$("#likert" + i).append('<p class="likerttext likert">' + trial.questions[i] + '</p>');
// create slider
$("#likert"+i).append($('<div>', { "id": 'slider'+i, "class": 'slider likert' }));
$("#slider"+i).slider(
{
$("#likert" + i).append($('<div>', {
"id": 'slider' + i,
"class": 'slider likert'
}));
$("#slider" + i).slider({
value: Math.ceil(trial.intervals[i] / 2),
min: 1,
max: trial.intervals[i],
@ -48,13 +63,18 @@
// show tick marks
if (trial.show_ticks) {
$("#likert"+i).append($('<div>', { "id": 'sliderticks'+i, "class": 'sliderticks likert', "css":{"position":'relative'} }));
$("#likert" + i).append($('<div>', {
"id": 'sliderticks' + i,
"class": 'sliderticks likert',
"css": {
"position": 'relative'
}
}));
for (var j = 1; j < trial.intervals[i] - 1; j++) {
$('#slider' + i).append('<div class="slidertickmark"></div>');
}
$('#slider'+i+' .slidertickmark').each(function(index)
{
$('#slider' + i + ' .slidertickmark').each(function(index) {
var left = (index + 1) * (100 / (trial.intervals[i] - 1));
$(this).css({
'position': 'absolute',
@ -67,8 +87,10 @@
}
// create labels for slider
$("#likert"+i).append($('<ul>', {"id": "sliderlabels"+i, "class": 'sliderlabels likert', "css":
{
$("#likert" + i).append($('<ul>', {
"id": "sliderlabels" + i,
"class": 'sliderlabels likert',
"css": {
"width": "100%",
"margin": "10px 0px 0px 0px",
"padding": "0px",
@ -77,8 +99,7 @@
}
}));
for(var j = 0; j < trial.labels[i].length; j++)
{
for (var j = 0; j < trial.labels[i].length; j++) {
$("#sliderlabels" + i).append('<li>' + trial.labels[i][j] + '</li>');
}
@ -102,12 +123,15 @@
}
// add submit button
display_element.append($('<button>', {'id':'next','class':'likert'}));
display_element.append($('<button>', {
'id': 'next',
'class': 'likert'
}));
$("#next").html('Submit Answers');
$("#next").click(function() {
// measure response time
endTime = (new Date()).getTime();
response_time = endTime-startTime;
var endTime = (new Date()).getTime();
var response_time = endTime - startTime;
// create object to hold responses
var question_data = {};
@ -120,7 +144,11 @@
});
// save data
block.data[block.trial_idx] = $.extend({},{"trial_type": "likert", "trial_index": block.trial_idx, "rt": response_time}, question_data, trial.data);
block.writeData($.extend({}, {
"trial_type": "likert",
"trial_index": block.trial_idx,
"rt": response_time
}, question_data, trial.data));
display_element.html('');
@ -128,7 +156,7 @@
block.next();
});
startTime = (new Date()).getTime();
var startTime = (new Date()).getTime();
}
return plugin;

44
plugins/jspsych-survey-text.js
View File

@ -1,7 +1,14 @@
/* jspsych-survey-text
/**
* jspsych-survey-text
* a jspsych plugin for free response survey questions
*
* Josh de Leeuw (March 2013)
* Updated October 2013
*
* parameters:
* questions: array of arrays. inner arrays are arrays of strings, where each string represents a prompt
* for the user to respond to.
* data: optional data object
*
*/
@ -12,23 +19,25 @@
plugin.create = function(params) {
var trials = [];
for(var i = 0; i < params.questions.length; i++)
{
for (var i = 0; i < params.questions.length; i++) {
trials.push({
type: "survey_text",
questions: params.questions[i]
questions: params.questions[i],
data: (typeof params.data === 'undefined') ? {} : params.data[i]
});
}
return trials;
}
};
plugin.trial = function(display_element, block, trial, part) {
// add likert scale questions
for(var i = 0; i < trial.questions.length; i++)
{
for (var i = 0; i < trial.questions.length; i++) {
// create div
display_element.append($('<div>', { "id": 'surveytext'+i, "class": 'surveyquestion'}));
display_element.append($('<div>', {
"id": 'surveytext' + i,
"class": 'surveyquestion'
}));
// add question text
$("#surveytext" + i).append('<p class="surveytext">' + trial.questions[i] + '</p>');
@ -38,12 +47,15 @@
}
// add submit button
display_element.append($('<button>', {'id':'next','class':'surveytext'}));
display_element.append($('<button>', {
'id': 'next',
'class': 'surveytext'
}));
$("#next").html('Submit Answers');
$("#next").click(function() {
// measure response time
endTime = (new Date()).getTime();
response_time = endTime-startTime;
var endTime = (new Date()).getTime();
var response_time = endTime - startTime;
// create object to hold responses
var question_data = {};
@ -56,7 +68,11 @@
});
// save data
block.data[block.trial_idx] = $.extend({},{"trial_type": "survey_text", "trial_index": block.trial_idx, "rt": response_time}, question_data, trial.data);
block.writeData($.extend({}, {
"trial_type": "survey_text",
"trial_index": block.trial_idx,
"rt": response_time
}, question_data, trial.data));
display_element.html('');
@ -64,8 +80,8 @@
block.next();
});
startTime = (new Date()).getTime();
}
var startTime = (new Date()).getTime();
};
return plugin;
})();