jsPsych/jspsych-similarity.js
Josh de Leeuw befdcfc1cd Rescoped everything so that jsPsych is not a jQuery plugin.
The top level object is jsPsych, and plugins are defined as jsPsych.PLUGIN.

The library also loads everything dynamically now, so the user only needs to load the main jsPsych script (and specify the src for any plugins).

This also changes how the library is loaded initially, since it is not based on the jQuery method anymore. See wiki.
2012-05-17 09:19:04 -04:00

68 lines
1.7 KiB
JavaScript
Executable File

(function( $ ) {
jsPsych.similarity = (function(){
var plugin = {};
plugin.create = function(params) {
sim_stims = params["stimuli"];
trials = new Array(sim_stims.length);
for(var i = 0; i < trials.length; i++)
{
trials[i] = {};
trials[i]["type"] = "similarity";
trials[i]["a_path"] = sim_stims[i][0];
trials[i]["b_path"] = sim_stims[i][1];
trials[i]["timing"] = params["timing"];
}
return trials;
}
plugin.trial = function($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];
}
// show the images
$this.append($('<img>', {
"src": images[0],
"class": 'sim'
}));
$this.append($('<img>', {
"src": images[1],
"class": 'sim'
}));
// create slider
$this.append($('<div>', { "id": 'slider', "class": 'sim' }));
$("#slider").slider(
{
value:50,
min:0,
max:100,
step:1,
});
// create button
$this.append($('<button>', {'id':'next','class':'sim'}));
$("#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(){block.next();}, trial.timing[0]);
break;
}
}
return plugin;
})();
})(jQuery);