From 5ec3d6a95df6b7f0353db7a225f6c00194dfb6ba Mon Sep 17 00:00:00 2001
From: Josh de Leeuw <josh.deleeuw@gmail.com>
Date: Tue, 16 Aug 2016 11:19:37 -0400
Subject: [PATCH] updating examples

---
 tests&examples/jspsych-reconstruction.html      |  6 +-----
 tests&examples/jspsych-same-different.html      |  4 ----
 tests&examples/jspsych-similarity.html          |  4 ----
 tests&examples/jspsych-single-audio.html        |  5 +----
 tests&examples/jspsych-single-stim.html         |  5 -----
 tests&examples/jspsych-survey-likert.html       |  5 +----
 tests&examples/jspsych-survey-multi-choice.html | 17 +++++++++++------
 tests&examples/jspsych-survey-text.html         |  6 +-----
 tests&examples/jspsych-text.html                | 12 +++++++-----
 tests&examples/jspsych-video.html               |  5 +----
 .../jspsych-visual-search-circle.html           | 16 +++++++++-------
 .../jspsych-vsl-animate-occlusion.html          |  4 ----
 tests&examples/jspsych-vsl-grid-scene.html      |  5 +----
 tests&examples/jspsych-xab.html                 |  4 ----
 tests&examples/pause-unpause.html               |  7 ++-----
 15 files changed, 35 insertions(+), 70 deletions(-)
diff --git a/tests&examples/jspsych-reconstruction.html b/tests&examples/jspsych-reconstruction.html
index 1d870e50..8066ab55 100644
--- a/tests&examples/jspsych-reconstruction.html
+++ b/tests&examples/jspsych-reconstruction.html
@@ -6,16 +6,13 @@
     <script src="../plugins/jspsych-reconstruction.js"></script>
     <link rel="stylesheet" href="../css/jspsych.css"></link>
   </head>
-  <body>
-    <div id="jspsych-target"></div>
-  </body>
   <script>
 
   var sample_function = function(param){
     var size = 50 + Math.floor(param*250);
     var html = '<div style="display: block; margin: auto; height: 300px;">'+
       '<div style="display: block; margin: auto; background-color: #000000; '+
-      'width: '+size+'px; height: '+size+'px;"></div></div>';
+      'width: '+size+'px; height: '+size+'px;"></div></div><p>Press H or G.</p>';
     return html;
   }
 
@@ -26,7 +23,6 @@
   }
 
   jsPsych.init({
-    display_element: $('#jspsych-target'),
     timeline: [block_1],
     on_finish: function() { jsPsych.data.displayData(); }
   });
diff --git a/tests&examples/jspsych-same-different.html b/tests&examples/jspsych-same-different.html
index 39bcce35..58ea5db9 100644
--- a/tests&examples/jspsych-same-different.html
+++ b/tests&examples/jspsych-same-different.html
@@ -13,9 +13,6 @@
   </style>
 </head>
 
-<body>
-  <div id="jspsych-target"></div>
-</body>
 <script>
   var block = {
     type: 'same-different',
@@ -27,7 +24,6 @@
   }
 
   jsPsych.init({
-    display_element: $('#jspsych-target'),
     timeline: [block],
     on_finish: function() {
       jsPsych.data.displayData();
diff --git a/tests&examples/jspsych-similarity.html b/tests&examples/jspsych-similarity.html
index e525ad2b..024f4d5b 100644
--- a/tests&examples/jspsych-similarity.html
+++ b/tests&examples/jspsych-similarity.html
@@ -15,9 +15,6 @@
   </style>
 </head>
 
-<body>
-  <div id="jspsych-target"></div>
-</body>
 <script>
   var block_1 = {
     type: 'similarity',
@@ -26,7 +23,6 @@
   }
 
   jsPsych.init({
-    display_element: $('#jspsych-target'),
     timeline: [block_1],
     on_finish: function() {
       jsPsych.data.displayData();
diff --git a/tests&examples/jspsych-single-audio.html b/tests&examples/jspsych-single-audio.html
index 525fdecc..5a04b4c3 100644
--- a/tests&examples/jspsych-single-audio.html
+++ b/tests&examples/jspsych-single-audio.html
@@ -6,9 +6,7 @@
     <script src="../plugins/jspsych-single-audio.js"></script>
     <link rel="stylesheet" href="../css/jspsych.css"></link>
   </head>
-  <body>
-    <div id="jspsych-target"></div>
-  </body>
+
   <script>
 
   /*
@@ -27,7 +25,6 @@
   }
 
   jsPsych.init({
-    display_element: $('#jspsych-target'),
     timeline: [block_1],
     on_finish: function() {jsPsych.data.displayData();}
   });
diff --git a/tests&examples/jspsych-single-stim.html b/tests&examples/jspsych-single-stim.html
index e685daa6..955b8de6 100644
--- a/tests&examples/jspsych-single-stim.html
+++ b/tests&examples/jspsych-single-stim.html
@@ -13,8 +13,6 @@
   </style>
 </head>
 
-<body>
-</body>
 <script>
   var trial_1 = {
     type: 'single-stim',
@@ -43,9 +41,6 @@
   var node = {
     type: 'single-stim',
     timeline: [trial_1, trial_2, trial_3],
-    data: {
-      node_data: true
-    }
   }
 
 
diff --git a/tests&examples/jspsych-survey-likert.html b/tests&examples/jspsych-survey-likert.html
index 0834c4f1..518345cf 100644
--- a/tests&examples/jspsych-survey-likert.html
+++ b/tests&examples/jspsych-survey-likert.html
@@ -6,9 +6,7 @@
     <script src="../plugins/jspsych-survey-likert.js"></script>
     <link rel="stylesheet" href="../css/jspsych.css"></link>
   </head>
-  <body>
-    <div id="jspsych-target" class="jspsych-top"></div>
-  </body>
+
   <script>
 
   // defining groups of questions that will go together.
@@ -24,7 +22,6 @@
   };
 
   jsPsych.init({
-    display_element: $('#jspsych-target'),
     timeline: [likert_block],
     on_finish: function() { jsPsych.data.displayData(); }
   });
diff --git a/tests&examples/jspsych-survey-multi-choice.html b/tests&examples/jspsych-survey-multi-choice.html
index 242c0fd0..a0fbe57b 100644
--- a/tests&examples/jspsych-survey-multi-choice.html
+++ b/tests&examples/jspsych-survey-multi-choice.html
@@ -6,13 +6,11 @@
     <script src="../plugins/jspsych-survey-multi-choice.js"></script>
     <link rel="stylesheet" href="../css/jspsych.css"></link>
   </head>
-  <body>
-    <div id="jspsych-target"></div>
-  </body>
+
   <script>
 
   // defining groups of questions that will go together.
-  var page_1_questions = ["I like vegetables.", "I like fruit."]
+  var page_1_questions = ["I like vegetables.", "I like fruit."];
 
   // definiting two different response scales that can be used.
   var page_1_options = ["Strongly Disagree", "Disagree", "Neutral", "Agree", "Strongly Agree"];
@@ -26,9 +24,16 @@
       // horizontal: true  // centres questions and makes options display horizontally
   };
 
+  var multi_choice_block_horizontal = {
+      type: 'survey-multi-choice',
+      questions: page_1_questions,
+      options: [page_1_options, page_2_options],  // need one scale for every question on a page
+      required: [true, false],   // set whether questions are required
+      horizontal: true  // centres questions and makes options display horizontally
+  };
+
   jsPsych.init({
-    display_element: $('#jspsych-target'),
-    timeline: [multi_choice_block],
+    timeline: [multi_choice_block, multi_choice_block_horizontal],
     on_finish: function() {
       jsPsych.data.displayData();
     }
diff --git a/tests&examples/jspsych-survey-text.html b/tests&examples/jspsych-survey-text.html
index 7c237c00..fc993290 100644
--- a/tests&examples/jspsych-survey-text.html
+++ b/tests&examples/jspsych-survey-text.html
@@ -6,9 +6,7 @@
     <script src="../plugins/jspsych-survey-text.js"></script>
     <link rel="stylesheet" href="../css/jspsych.css"></link>
   </head>
-  <body>
-    <div id="jspsych-target"></div>
-  </body>
+
   <script>
 
   // defining groups of questions that will go together.
@@ -19,9 +17,7 @@
       questions: page_1_questions
   };
 
-
   jsPsych.init({
-    display_element: $('#jspsych-target'),
     timeline: [survey_block],
     on_finish: function() { jsPsych.data.displayData(); }
   });
diff --git a/tests&examples/jspsych-text.html b/tests&examples/jspsych-text.html
index 1d4ae5cc..5e2929bb 100644
--- a/tests&examples/jspsych-text.html
+++ b/tests&examples/jspsych-text.html
@@ -6,9 +6,6 @@
     <script src="../plugins/jspsych-text.js"></script>
     <link rel="stylesheet" href="../css/jspsych.css"></link>
   </head>
-  <body>
-    <div id="jspsych-target"></div>
-  </body>
   <script>
 
   var block = {
@@ -16,9 +13,14 @@
     text: 'Welcome to the experiment. Press any key to begin.'
   }
 
+  var mouse = {
+    type: 'text',
+    choices: 'mouse',
+    text: 'Click the mouse to continue.'
+  }
+
   jsPsych.init({
-    display_element: $('#jspsych-target'),
-    timeline: [block],
+    timeline: [block, mouse],
     on_finish: function() { jsPsych.data.displayData(); }
   });
 
diff --git a/tests&examples/jspsych-video.html b/tests&examples/jspsych-video.html
index e94d458e..ae457031 100644
--- a/tests&examples/jspsych-video.html
+++ b/tests&examples/jspsych-video.html
@@ -6,9 +6,7 @@
     <script src="../plugins/jspsych-video.js"></script>
     <link rel="stylesheet" href="../css/jspsych.css"></link>
   </head>
-  <body>
-    <div id="jspsych-target"></div>
-  </body>
+
   <script>
 
   var trial = {
@@ -17,7 +15,6 @@
   }
 
   jsPsych.init({
-    display_element: $('#jspsych-target'),
     timeline: [trial],
     on_finish: function() { jsPsych.data.displayData(); }
   });
diff --git a/tests&examples/jspsych-visual-search-circle.html b/tests&examples/jspsych-visual-search-circle.html
index 308bc848..67847bd8 100644
--- a/tests&examples/jspsych-visual-search-circle.html
+++ b/tests&examples/jspsych-visual-search-circle.html
@@ -5,15 +5,18 @@
   <script src="js/jquery.min.js"></script>
   <script src="js/snap.svg-min.js"></script>
   <script src="../jspsych.js"></script>
+  <script src="../plugins/jspsych-text.js"></script>
   <script src="../plugins/jspsych-visual-search-circle.js"></script>
   <link rel="stylesheet" href="../css/jspsych.css"></link>
 </head>
 
-<body>
-  <div id="jspsych-target"></div>
-</body>
 <script>
 
+  var intro = {
+    type: 'text',
+    text: 'Press J if there is a backwards N. If there is no backwards N press F.'
+  }
+
   var trial_1 = {
     target_present: true,
     set_size: 4
@@ -32,15 +35,14 @@
 
   var trials = {
     type: 'visual-search-circle',
-    target: 'img/normalN.gif',
-    foil: 'img/backwardN.gif',
+    target: 'img/backwardN.gif',
+    foil: 'img/normalN.gif',
     fixation_image: 'img/fixation.gif',
     timeline: [trial_1, trial_2, trial_3]
   };
 
   jsPsych.init({
-    display_element: $('#jspsych-target'),
-    timeline: [trials],
+    timeline: [intro, trials],
     on_finish: function() {
       jsPsych.data.displayData();
     }
diff --git a/tests&examples/jspsych-vsl-animate-occlusion.html b/tests&examples/jspsych-vsl-animate-occlusion.html
index be6cbd09..3ae8b900 100644
--- a/tests&examples/jspsych-vsl-animate-occlusion.html
+++ b/tests&examples/jspsych-vsl-animate-occlusion.html
@@ -9,9 +9,6 @@
   <link rel="stylesheet" href="../css/jspsych.css"></link>
 </head>
 
-<body>
-  <div id="jspsych-target"></div>
-</body>
 <script>
   var images = ["img/1.gif", "img/2.gif", "img/3.gif", "img/4.gif", "img/5.gif", "img/6.gif", "img/7.gif", "img/8.gif", "img/9.gif", "img/10.gif"];
 
@@ -22,7 +19,6 @@
   };
 
   jsPsych.init({
-    display_element: $('#jspsych-target'),
     timeline: [block],
     on_finish: function() {
       jsPsych.data.displayData();
diff --git a/tests&examples/jspsych-vsl-grid-scene.html b/tests&examples/jspsych-vsl-grid-scene.html
index 7afd69f4..860b00b2 100644
--- a/tests&examples/jspsych-vsl-grid-scene.html
+++ b/tests&examples/jspsych-vsl-grid-scene.html
@@ -7,9 +7,7 @@
     <script src="../plugins/jspsych-vsl-grid-scene.js"></script>
     <link rel="stylesheet" href="../css/jspsych.css"></link>
   </head>
-  <body>
-    <div id="jspsych-target"></div>
-  </body>
+
   <script>
 
   var images = ["img/1.gif","img/2.gif","img/3.gif","img/4.gif","img/5.gif","img/6.gif","img/7.gif","img/8.gif","img/9.gif","img/10.gif"];
@@ -31,7 +29,6 @@
   };
 
     jsPsych.init({
-      display_element: $('#jspsych-target'),
       timeline: [block],
       on_finish: function() { jsPsych.data.displayData(); }
     });
diff --git a/tests&examples/jspsych-xab.html b/tests&examples/jspsych-xab.html
index 99dbc0ab..3fced2b7 100644
--- a/tests&examples/jspsych-xab.html
+++ b/tests&examples/jspsych-xab.html
@@ -13,9 +13,6 @@
   </style>
 </head>
 
-<body>
-  <div id="jspsych-target"></div>
-</body>
 <script>
   var block_1 = {
     type: 'xab',
@@ -25,7 +22,6 @@
   }
 
   jsPsych.init({
-    display_element: $('#jspsych-target'),
     timeline: [block_1],
     on_finish: function() {
       jsPsych.data.displayData();
diff --git a/tests&examples/pause-unpause.html b/tests&examples/pause-unpause.html
index 01464199..08780f6e 100644
--- a/tests&examples/pause-unpause.html
+++ b/tests&examples/pause-unpause.html
@@ -6,14 +6,12 @@
     <script src="../plugins/jspsych-text.js"></script>
     <link rel="stylesheet" href="../css/jspsych.css"></link>
   </head>
-  <body>
-    <div id="jspsych-target"></div>
-  </body>
+
   <script>
 
   var first = {
     type: 'text',
-    text: 'first trial!',
+    text: 'first trial! experiment will pause for 4s in between trials. press any key.',
     timing_post_trial: 0,
     on_finish: function(){
       jsPsych.pauseExperiment();
@@ -27,7 +25,6 @@
   }
 
   jsPsych.init({
-    display_element: $('#jspsych-target'),
     timeline: [first, second],
     on_finish: function(){jsPsych.data.displayData(); }
   });
