mirror of
https://github.com/jspsych/jsPsych.git
synced 2025-05-10 11:10:54 +00:00
code directly from Josh
This commit is contained in:
Drew Hendrickson
commit
ee8de223d5
193
jquery.json-2.3.js
Executable file
193
jquery.json-2.3.js
Executable file
@ -0,0 +1,193 @@
|
|||||||
|
/**
|
||||||
|
* jQuery JSON Plugin
|
||||||
|
* version: 2.3 (2011-09-17)
|
||||||
|
*
|
||||||
|
* This document is licensed as free software under the terms of the
|
||||||
|
* MIT License: http://www.opensource.org/licenses/mit-license.php
|
||||||
|
*
|
||||||
|
* Brantley Harris wrote this plugin. It is based somewhat on the JSON.org
|
||||||
|
* website's http://www.json.org/json2.js, which proclaims:
|
||||||
|
* "NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.", a sentiment that
|
||||||
|
* I uphold.
|
||||||
|
*
|
||||||
|
* It is also influenced heavily by MochiKit's serializeJSON, which is
|
||||||
|
* copyrighted 2005 by Bob Ippolito.
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function( $ ) {
|
||||||
|
|
||||||
|
var escapeable = /["\\\x00-\x1f\x7f-\x9f]/g,
|
||||||
|
meta = {
|
||||||
|
'\b': '\\b',
|
||||||
|
'\t': '\\t',
|
||||||
|
'\n': '\\n',
|
||||||
|
'\f': '\\f',
|
||||||
|
'\r': '\\r',
|
||||||
|
'"' : '\\"',
|
||||||
|
'\\': '\\\\'
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* jQuery.toJSON
|
||||||
|
* Converts the given argument into a JSON respresentation.
|
||||||
|
*
|
||||||
|
* @param o {Mixed} The json-serializble *thing* to be converted
|
||||||
|
*
|
||||||
|
* If an object has a toJSON prototype, that will be used to get the representation.
|
||||||
|
* Non-integer/string keys are skipped in the object, as are keys that point to a
|
||||||
|
* function.
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
$.toJSON = typeof JSON === 'object' && JSON.stringify
|
||||||
|
? JSON.stringify
|
||||||
|
: function( o ) {
|
||||||
|
|
||||||
|
if ( o === null ) {
|
||||||
|
return 'null';
|
||||||
|
}
|
||||||
|
|
||||||
|
var type = typeof o;
|
||||||
|
|
||||||
|
if ( type === 'undefined' ) {
|
||||||
|
return undefined;
|
||||||
|
}
|
||||||
|
if ( type === 'number' || type === 'boolean' ) {
|
||||||
|
return '' + o;
|
||||||
|
}
|
||||||
|
if ( type === 'string') {
|
||||||
|
return $.quoteString( o );
|
||||||
|
}
|
||||||
|
if ( type === 'object' ) {
|
||||||
|
if ( typeof o.toJSON === 'function' ) {
|
||||||
|
return $.toJSON( o.toJSON() );
|
||||||
|
}
|
||||||
|
if ( o.constructor === Date ) {
|
||||||
|
var month = o.getUTCMonth() + 1,
|
||||||
|
day = o.getUTCDate(),
|
||||||
|
year = o.getUTCFullYear(),
|
||||||
|
hours = o.getUTCHours(),
|
||||||
|
minutes = o.getUTCMinutes(),
|
||||||
|
seconds = o.getUTCSeconds(),
|
||||||
|
milli = o.getUTCMilliseconds();
|
||||||
|
|
||||||
|
if ( month < 10 ) {
|
||||||
|
month = '0' + month;
|
||||||
|
}
|
||||||
|
if ( day < 10 ) {
|
||||||
|
day = '0' + day;
|
||||||
|
}
|
||||||
|
if ( hours < 10 ) {
|
||||||
|
hours = '0' + hours;
|
||||||
|
}
|
||||||
|
if ( minutes < 10 ) {
|
||||||
|
minutes = '0' + minutes;
|
||||||
|
}
|
||||||
|
if ( seconds < 10 ) {
|
||||||
|
seconds = '0' + seconds;
|
||||||
|
}
|
||||||
|
if ( milli < 100 ) {
|
||||||
|
milli = '0' + milli;
|
||||||
|
}
|
||||||
|
if ( milli < 10 ) {
|
||||||
|
milli = '0' + milli;
|
||||||
|
}
|
||||||
|
return '"' + year + '-' + month + '-' + day + 'T' +
|
||||||
|
hours + ':' + minutes + ':' + seconds +
|
||||||
|
'.' + milli + 'Z"';
|
||||||
|
}
|
||||||
|
if ( o.constructor === Array ) {
|
||||||
|
var ret = [];
|
||||||
|
for ( var i = 0; i < o.length; i++ ) {
|
||||||
|
ret.push( $.toJSON( o[i] ) || 'null' );
|
||||||
|
}
|
||||||
|
return '[' + ret.join(',') + ']';
|
||||||
|
}
|
||||||
|
var name,
|
||||||
|
val,
|
||||||
|
pairs = [];
|
||||||
|
for ( var k in o ) {
|
||||||
|
type = typeof k;
|
||||||
|
if ( type === 'number' ) {
|
||||||
|
name = '"' + k + '"';
|
||||||
|
} else if (type === 'string') {
|
||||||
|
name = $.quoteString(k);
|
||||||
|
} else {
|
||||||
|
// Keys must be numerical or string. Skip others
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
type = typeof o[k];
|
||||||
|
|
||||||
|
if ( type === 'function' || type === 'undefined' ) {
|
||||||
|
// Invalid values like these return undefined
|
||||||
|
// from toJSON, however those object members
|
||||||
|
// shouldn't be included in the JSON string at all.
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
val = $.toJSON( o[k] );
|
||||||
|
pairs.push( name + ':' + val );
|
||||||
|
}
|
||||||
|
return '{' + pairs.join( ',' ) + '}';
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* jQuery.evalJSON
|
||||||
|
* Evaluates a given piece of json source.
|
||||||
|
*
|
||||||
|
* @param src {String}
|
||||||
|
*/
|
||||||
|
$.evalJSON = typeof JSON === 'object' && JSON.parse
|
||||||
|
? JSON.parse
|
||||||
|
: function( src ) {
|
||||||
|
return eval('(' + src + ')');
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* jQuery.secureEvalJSON
|
||||||
|
* Evals JSON in a way that is *more* secure.
|
||||||
|
*
|
||||||
|
* @param src {String}
|
||||||
|
*/
|
||||||
|
$.secureEvalJSON = typeof JSON === 'object' && JSON.parse
|
||||||
|
? JSON.parse
|
||||||
|
: function( src ) {
|
||||||
|
|
||||||
|
var filtered =
|
||||||
|
src
|
||||||
|
.replace( /\\["\\\/bfnrtu]/g, '@' )
|
||||||
|
.replace( /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
|
||||||
|
.replace( /(?:^|:|,)(?:\s*\[)+/g, '');
|
||||||
|
|
||||||
|
if ( /^[\],:{}\s]*$/.test( filtered ) ) {
|
||||||
|
return eval( '(' + src + ')' );
|
||||||
|
} else {
|
||||||
|
throw new SyntaxError( 'Error parsing JSON, source is not valid.' );
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* jQuery.quoteString
|
||||||
|
* Returns a string-repr of a string, escaping quotes intelligently.
|
||||||
|
* Mostly a support function for toJSON.
|
||||||
|
* Examples:
|
||||||
|
* >>> jQuery.quoteString('apple')
|
||||||
|
* "apple"
|
||||||
|
*
|
||||||
|
* >>> jQuery.quoteString('"Where are we going?", she asked.')
|
||||||
|
* "\"Where are we going?\", she asked."
|
||||||
|
*/
|
||||||
|
$.quoteString = function( string ) {
|
||||||
|
if ( string.match( escapeable ) ) {
|
||||||
|
return '"' + string.replace( escapeable, function( a ) {
|
||||||
|
var c = meta[a];
|
||||||
|
if ( typeof c === 'string' ) {
|
||||||
|
return c;
|
||||||
|
}
|
||||||
|
c = a.charCodeAt();
|
||||||
|
return '\\u00' + Math.floor(c / 16).toString(16) + (c % 16).toString(16);
|
||||||
|
}) + '"';
|
||||||
|
}
|
||||||
|
return '"' + string + '"';
|
||||||
|
};
|
||||||
|
|
||||||
|
})( jQuery );
|
||||||
56
jspsych-samedifferent.js
Executable file
56
jspsych-samedifferent.js
Executable file
@ -0,0 +1,56 @@
|
|||||||
|
function sd_create(params)
|
||||||
|
{
|
||||||
|
sd_stims = params["stimuli"];
|
||||||
|
trials = new Array(sd_stims.length);
|
||||||
|
for(var i = 0; i < trials.length; i++)
|
||||||
|
{
|
||||||
|
trials[i] = {};
|
||||||
|
trials[i]["type"] = "sd";
|
||||||
|
trials[i]["a_path"] = sd_stims[i][0];
|
||||||
|
trials[i]["b_path"] = sd_stims[i][1];
|
||||||
|
trials[i]["timing"] = params["timing"];
|
||||||
|
}
|
||||||
|
return trials;
|
||||||
|
}
|
||||||
|
|
||||||
|
function sd_trial($this, block, trial, part)
|
||||||
|
{
|
||||||
|
switch(part){
|
||||||
|
case 1:
|
||||||
|
$.fn.jsPsych.showImage($this, trial.a_path, 'sd');
|
||||||
|
setTimeout(sd_trial, trial.timing[0], $this, block, trial, part + 1);
|
||||||
|
break;
|
||||||
|
case 2:
|
||||||
|
$('.sd').remove();
|
||||||
|
setTimeout(sd_trial, trial.timing[1], $this, block, trial, part + 1);
|
||||||
|
break;
|
||||||
|
case 3:
|
||||||
|
startTime = (new Date()).getTime();
|
||||||
|
$.fn.jsPsych.showImage($this, trial.b_path, 'sd');
|
||||||
|
var resp_func = function(e) {
|
||||||
|
var flag = false;
|
||||||
|
var correct = false;
|
||||||
|
if(e.which=='80') // 'p' key -- different
|
||||||
|
{
|
||||||
|
flag = true;
|
||||||
|
if(trial.a_path!=trial.b_path) { correct = true; }
|
||||||
|
} else if(e.which=='81') // 'q' key -- same
|
||||||
|
{
|
||||||
|
flag = true;
|
||||||
|
if(trial.a_path==trial.b_path){ correct = true; }
|
||||||
|
}
|
||||||
|
if(flag)
|
||||||
|
{
|
||||||
|
endTime = (new Date()).getTime();
|
||||||
|
rt = (endTime-startTime);
|
||||||
|
block.data[block.trial_idx] = {"rt": rt, "correct": correct, "a_path": trial.a_path, "b_path": trial.b_path}
|
||||||
|
$(document).unbind('keyup',resp_func);
|
||||||
|
$('.sd').remove();
|
||||||
|
setTimeout(function(b){b.next();}, trial.timing[2], block);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$(document).keyup(resp_func);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
56
jspsych-similarity.js
Executable file
56
jspsych-similarity.js
Executable file
@ -0,0 +1,56 @@
|
|||||||
|
function similarity_create(params)
|
||||||
|
{
|
||||||
|
sim_stims = params["stimuli"];
|
||||||
|
trials = new Array(sim_stims.length);
|
||||||
|
for(var i = 0; i < trials.length; i++)
|
||||||
|
{
|
||||||
|
trials[i] = {};
|
||||||
|
trials[i]["type"] = "sim";
|
||||||
|
trials[i]["a_path"] = sim_stims[i][0];
|
||||||
|
trials[i]["b_path"] = sim_stims[i][1];
|
||||||
|
trials[i]["timing"] = params["timing"];
|
||||||
|
}
|
||||||
|
return trials;
|
||||||
|
}
|
||||||
|
|
||||||
|
function similarity_trial($this, block, trial, part)
|
||||||
|
{
|
||||||
|
switch(part){
|
||||||
|
case 1:
|
||||||
|
images = [trial.a_path, trial.b_path];
|
||||||
|
if(Math.floor(Math.random()*2)==0){
|
||||||
|
images = [trial.b_path, trial.a_path];
|
||||||
|
}
|
||||||
|
$.fn.jsPsych.showImages($this, images, 'sim');
|
||||||
|
// slider
|
||||||
|
var slide = document.createElement('div');
|
||||||
|
slide.setAttribute('id','slider');
|
||||||
|
slide.setAttribute('class','sim');
|
||||||
|
$this.append(slide);
|
||||||
|
$("#slider").slider(
|
||||||
|
{
|
||||||
|
value:50,
|
||||||
|
min:0,
|
||||||
|
max:100,
|
||||||
|
step:1,
|
||||||
|
});
|
||||||
|
// button
|
||||||
|
var button = document.createElement('button');
|
||||||
|
button.setAttribute('id','next');
|
||||||
|
button.setAttribute('class','sim');
|
||||||
|
$this.append(button);
|
||||||
|
$("#next").html('Next');
|
||||||
|
$("#next").click(function(){
|
||||||
|
similarity_trial($this,block,trial,part+1);
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
case 2:
|
||||||
|
// get data
|
||||||
|
var score = $("#slider").slider("value");
|
||||||
|
block.data[block.trial_idx] = {"score": score, "a_path": trial.a_path, "b_path": trial.b_path}
|
||||||
|
// goto next trial in block
|
||||||
|
$(".sim").remove();
|
||||||
|
setTimeout(function(b){b.next();}, trial.timing[0], block);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
27
jspsych-text.js
Executable file
27
jspsych-text.js
Executable file
@ -0,0 +1,27 @@
|
|||||||
|
function text_create(params)
|
||||||
|
{
|
||||||
|
var trials = new Array(params.text.length);
|
||||||
|
for(var i = 0; i < trials.length; i++)
|
||||||
|
{
|
||||||
|
trials[i] = {};
|
||||||
|
trials[i]["type"] = "text";
|
||||||
|
trials[i]["text"] = params.text[i];
|
||||||
|
trials[i]["timing"] = params.timing;
|
||||||
|
}
|
||||||
|
return trials;
|
||||||
|
}
|
||||||
|
|
||||||
|
function text_trial($this, block, trial, part)
|
||||||
|
{
|
||||||
|
$this.html(trial.text);
|
||||||
|
var key_listener = function(e) {
|
||||||
|
if(e.which=="80") // 'spacebar'
|
||||||
|
{
|
||||||
|
flag = true;
|
||||||
|
$(document).unbind('keyup',key_listener);
|
||||||
|
$this.html('');
|
||||||
|
setTimeout(function(b){b.next();}, trial.timing[0], block);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$(document).keyup(key_listener);
|
||||||
|
}
|
||||||
62
jspsych-xab.js
Executable file
62
jspsych-xab.js
Executable file
@ -0,0 +1,62 @@
|
|||||||
|
function xab_create(params)
|
||||||
|
{
|
||||||
|
//xab_stims = shuffle(xab_stims);
|
||||||
|
xab_stims = params["stimuli"];
|
||||||
|
trials = new Array(xab_stims.length);
|
||||||
|
for(var i = 0; i < trials.length; i++)
|
||||||
|
{
|
||||||
|
trials[i] = {};
|
||||||
|
trials[i]["type"] = "xab";
|
||||||
|
trials[i]["a_path"] = xab_stims[i][0];
|
||||||
|
trials[i]["b_path"] = xab_stims[i][1];
|
||||||
|
trials[i]["timing"] = params["timing"];
|
||||||
|
}
|
||||||
|
return trials;
|
||||||
|
}
|
||||||
|
|
||||||
|
function xab_trial($this, block, trial, part)
|
||||||
|
{
|
||||||
|
switch(part){
|
||||||
|
case 1:
|
||||||
|
$.fn.jsPsych.showImage($this, trial.a_path, 'xab');
|
||||||
|
setTimeout(xab_trial, trial.timing[0], $this, block, trial, part + 1);
|
||||||
|
break;
|
||||||
|
case 2:
|
||||||
|
$('.xab').remove();
|
||||||
|
setTimeout(xab_trial, trial.timing[1], $this, block, trial, part + 1);
|
||||||
|
break;
|
||||||
|
case 3:
|
||||||
|
startTime = (new Date()).getTime();
|
||||||
|
var images = [trial.a_path,trial.b_path];
|
||||||
|
var target_left = (Math.floor(Math.random()*2)==0); // binary true/false choice
|
||||||
|
if(!target_left){
|
||||||
|
images = [trial.b_path, trial.a_path];
|
||||||
|
}
|
||||||
|
$.fn.jsPsych.showImages($this, images, 'xab');
|
||||||
|
var resp_func = function(e) {
|
||||||
|
var flag = false;
|
||||||
|
var correct = false;
|
||||||
|
if(e.which=='80') // 'p' key
|
||||||
|
{
|
||||||
|
flag = true;
|
||||||
|
} else if(e.which=='81') // 'q' key
|
||||||
|
{
|
||||||
|
flag = true;
|
||||||
|
if(target_left){ correct = true; }
|
||||||
|
}
|
||||||
|
if(flag)
|
||||||
|
{
|
||||||
|
endTime = (new Date()).getTime();
|
||||||
|
rt = (endTime-startTime);
|
||||||
|
block.data[block.trial_idx] = {"rt": rt, "correct": correct, "a_path": trial.a_path, "b_path": trial.b_path, "keypress": e.which}
|
||||||
|
$(document).unbind('keyup',resp_func);
|
||||||
|
$('.xab').remove();
|
||||||
|
setTimeout(function(b){b.next();}, trial.timing[2], block);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$(document).keyup(resp_func);
|
||||||
|
//TODO: CHECK IF IMAGE SHOULD DISAPPEAR
|
||||||
|
//based on timings
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
132
jspsych.js
Executable file
132
jspsych.js
Executable file
@ -0,0 +1,132 @@
|
|||||||
|
// jspsych.js - a jQuery plugin for running psychology experiments
|
||||||
|
(function( $ ) {
|
||||||
|
$.fn.jsPsych = function(options) {
|
||||||
|
// build main options list before element iteration
|
||||||
|
var opts = $.extend({}, $.fn.jsPsych.defaults, options);
|
||||||
|
// exp structure
|
||||||
|
var exp_blocks = [];
|
||||||
|
var curr_block = 0;
|
||||||
|
// execute experiment
|
||||||
|
return this.each(function() {
|
||||||
|
$this = $(this);
|
||||||
|
|
||||||
|
// take the experiment structure and dynamically create a set of blocks
|
||||||
|
exp_blocks = new Array(opts["experiment_structure"].length);
|
||||||
|
|
||||||
|
for(var i = exp_blocks.length-1; i>=0; i--)
|
||||||
|
{
|
||||||
|
var trials = "undefined";
|
||||||
|
|
||||||
|
for(var j = 0; j < opts["plugins"].length; j++)
|
||||||
|
{
|
||||||
|
if(opts["experiment_structure"][i]["type"] == opts["plugins"][j]["type"])
|
||||||
|
{
|
||||||
|
trials = opts["plugins"][j]["createFunc"].call(null, opts["experiment_structure"][i]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
exp_blocks[i] = createBlock(trials);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// run the first block
|
||||||
|
exp_blocks[0].next();
|
||||||
|
});
|
||||||
|
//
|
||||||
|
// private functions //
|
||||||
|
//
|
||||||
|
function nextBlock()
|
||||||
|
{
|
||||||
|
curr_block += 1;
|
||||||
|
if(curr_block == exp_blocks.length)
|
||||||
|
{
|
||||||
|
finishExperiment();
|
||||||
|
} else {
|
||||||
|
exp_blocks[curr_block].next();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function createBlock(trial_list)
|
||||||
|
{
|
||||||
|
var block = {
|
||||||
|
trial_idx: -1,
|
||||||
|
|
||||||
|
trials: trial_list,
|
||||||
|
|
||||||
|
data: [],
|
||||||
|
|
||||||
|
next: function() {
|
||||||
|
this.trial_idx = this.trial_idx+1;
|
||||||
|
|
||||||
|
curr_trial = trial_list[this.trial_idx];
|
||||||
|
|
||||||
|
if ( typeof curr_trial == "undefined"){
|
||||||
|
return this.done();
|
||||||
|
}
|
||||||
|
|
||||||
|
do_trial(this, curr_trial);
|
||||||
|
},
|
||||||
|
|
||||||
|
done: nextBlock
|
||||||
|
}
|
||||||
|
|
||||||
|
return block;
|
||||||
|
}
|
||||||
|
|
||||||
|
function finishExperiment()
|
||||||
|
{
|
||||||
|
var all_data = [];
|
||||||
|
for(var i=0;i<exp_blocks.length;i++)
|
||||||
|
{
|
||||||
|
all_data[i] = exp_blocks[i].data;
|
||||||
|
}
|
||||||
|
|
||||||
|
opts["finish"].apply((new Object()), [all_data]);
|
||||||
|
}
|
||||||
|
|
||||||
|
function do_trial(block, trial)
|
||||||
|
{
|
||||||
|
for(var j = 0; j < opts["plugins"].length; j++)
|
||||||
|
{
|
||||||
|
if(trial.type == opts["plugins"][j]["type"])
|
||||||
|
{
|
||||||
|
opts["plugins"][j]["trialFunc"].call(this, $this, block, trial, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
//
|
||||||
|
// default parameters //
|
||||||
|
//
|
||||||
|
$.fn.jsPsych.defaults = {
|
||||||
|
// overall experiment parameters
|
||||||
|
experiment_structure: [],
|
||||||
|
plugins: [
|
||||||
|
{"type": "sim", "createFunc": similarity_create, "trialFunc": similarity_trial},
|
||||||
|
{"type": "sd", "createFunc": sd_create, "trialFunc": sd_trial},
|
||||||
|
{"type": "text", "createFunc": text_create, "trialFunc": text_trial},
|
||||||
|
{"type": "xab", "createFunc": xab_create, "trialFunc": xab_trial}]
|
||||||
|
};
|
||||||
|
//
|
||||||
|
// useful helper functions for multiple plugins //
|
||||||
|
//
|
||||||
|
$.fn.jsPsych.showImage = function($this, img_path, img_class)
|
||||||
|
{
|
||||||
|
var the_img = document.createElement('img');
|
||||||
|
the_img.setAttribute('src', img_path);
|
||||||
|
the_img.setAttribute('class',img_class);
|
||||||
|
$this.append(the_img);
|
||||||
|
}
|
||||||
|
|
||||||
|
$.fn.jsPsych.showImages = function($this, img_list, img_class)
|
||||||
|
{
|
||||||
|
for(img in img_list)
|
||||||
|
{
|
||||||
|
$.fn.jsPsych.showImage($this, img_list[img], img_class);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}) (jQuery);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Loading…
Reference in New Issue
Block a user