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

fix raphael -> snapsvg

Browse Source
This commit is contained in:
Josh de Leeuw 2015-02-18 16:18:41 -05:00
parent fc6626b4f7
commit 6a46d65df0
1 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
plugins/jspsych-palmer.js
View File

@ -145,7 +145,7 @@
for (var i = 0; i < lines.length; i++) { for (var i = 0; i < lines.length; i++) {
var line = paper.path("M" + circles[lines[i][0]].attr("cx") + " " + circles[lines[i][0]].attr("cy") + "L" + circles[lines[i][1]].attr("cx") + " " + circles[lines[i][1]].attr("cy")).attr("stroke-width", "8").attr("stroke", "#000"); var line = paper.path("M" + circles[lines[i][0]].attr("cx") + " " + circles[lines[i][0]].attr("cy") + "L" + circles[lines[i][1]].attr("cx") + " " + circles[lines[i][1]].attr("cy")).attr("stroke-width", "8").attr("stroke", "#000");
line.hide(); line.attr({ visibility: 'hidden' });
lineElements.push(line); lineElements.push(line);
lineIsVisible.push(0); lineIsVisible.push(0);
} }
@ -170,12 +170,12 @@
function toggle_line(the_line) { function toggle_line(the_line) {
if (the_line > -1) { if (the_line > -1) {
if (lineIsVisible[the_line] === 0) { if (lineIsVisible[the_line] === 0) {
lineElements[the_line].show(); lineElements[the_line].attr({ visibility: 'visible' });
lineElements[the_line].toBack(); lineElements[the_line].prependTo(paper);
lineIsVisible[the_line] = 1; lineIsVisible[the_line] = 1;
} else { } else {
lineElements[the_line].hide(); lineElements[the_line].attr({ visibility: 'hidden' });
lineElements[the_line].toBack(); lineElements[the_line].prependTo(paper);
lineIsVisible[the_line] = 0; lineIsVisible[the_line] = 0;
} }
} }
@ -295,7 +295,9 @@
var size = grid_spacing * (square_size + 1); var size = grid_spacing * (square_size + 1);
// create a div to hold the generated svg object // create a div to hold the generated svg object
var stim_div = $('body').append('<svg id="jspsych-palmer-temp-stim" width="'+size+'" height="'+size+'"></div>'); var stim_div = $('body').append($('<div id="jspsych-palmer-container">'));
$('#jspsych-palmer-container').append('<svg id="jspsych-palmer-temp-stim" width="'+size+'" height="'+size+'"></svg>');
// create the snap object // create the snap object
var paper = Snap("#jspsych-palmer-temp-stim"); var paper = Snap("#jspsych-palmer-temp-stim");
@ -348,7 +350,9 @@
for (var i = 0; i < lines.length; i++) { for (var i = 0; i < lines.length; i++) {
var line = paper.path("M" + circles[lines[i][0]].attr("cx") + " " + circles[lines[i][0]].attr("cy") + "L" + circles[lines[i][1]].attr("cx") + " " + circles[lines[i][1]].attr("cy")).attr("stroke-width", "8").attr("stroke", "#000"); var line = paper.path("M" + circles[lines[i][0]].attr("cx") + " " + circles[lines[i][0]].attr("cy") + "L" + circles[lines[i][1]].attr("cx") + " " + circles[lines[i][1]].attr("cy")).attr("stroke-width", "8").attr("stroke", "#000");
line.hide(); line.attr({
visibility: 'hidden'
});
lineElements.push(line); lineElements.push(line);
lineIsVisible.push(0); lineIsVisible.push(0);
} }
@ -360,12 +364,12 @@
function toggle_line(the_line) { function toggle_line(the_line) {
if (the_line > -1) { if (the_line > -1) {
if (lineIsVisible[the_line] === 0) { if (lineIsVisible[the_line] === 0) {
lineElements[the_line].show(); lineElements[the_line].attr({ visibility: 'visible' });
lineElements[the_line].toBack(); lineElements[the_line].prependTo(paper);
lineIsVisible[the_line] = 1; lineIsVisible[the_line] = 1;
} else { } else {
lineElements[the_line].hide(); lineElements[the_line].attr({ visibility: 'hidden' });
lineElements[the_line].toBack(); lineElements[the_line].prependTo(paper);
lineIsVisible[the_line] = 0; lineIsVisible[the_line] = 0;
} }
} }
@ -381,9 +385,9 @@
} }
var svg = $("#jspsych-palmer-temp-stim").html(); var svg = $("#jspsych-palmer-container").html();
$('#jspsych-palmer-temp-stim').remove(); $('#jspsych-palmer-container').remove();
return svg; return svg;
}; };