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