Deployed da654079 to 7.0 with MkDocs 1.2.2 and mike 1.0.1

This commit is contained in:
Josh de Leeuw 2021-10-04 08:31:47 -05:00
parent 4ca9022100
commit 2cc132e317
43 changed files with 142 additions and 142 deletions

View File

@ -1674,11 +1674,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-animation-demo.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-animation-demo.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-animation-demo.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-animation-demo.html">Open demo in new tab</a></p>
</details>

View File

@ -1692,11 +1692,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-audio-button-response-demo-1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-audio-button-response-demo-1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-audio-button-response-demo-1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-audio-button-response-demo-1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Using custom button HTML to use images as buttons</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>
@ -1710,11 +1710,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-audio-button-response-demo-2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-audio-button-response-demo-2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-audio-button-response-demo-2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-audio-button-response-demo-2.html">Open demo in new tab</a></p>
</details>

View File

@ -1680,11 +1680,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-audio-keyboard-response-demo-1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-audio-keyboard-response-demo-1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-audio-keyboard-response-demo-1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-audio-keyboard-response-demo-1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Play a sound with no user response; trial ends after sound plays</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>
@ -1697,11 +1697,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-audio-keyboard-response-demo-2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-audio-keyboard-response-demo-2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-audio-keyboard-response-demo-2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-audio-keyboard-response-demo-2.html">Open demo in new tab</a></p>
</details>

View File

@ -1720,11 +1720,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-audio-slider-response-demo-1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-audio-slider-response-demo-1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-audio-slider-response-demo-1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-audio-slider-response-demo-1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>No response allowed until audio finishes; subject must interact with slider to continue</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>
@ -1739,11 +1739,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-audio-slider-response-demo-2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-audio-slider-response-demo-2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-audio-slider-response-demo-2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-audio-slider-response-demo-2.html">Open demo in new tab</a></p>
</details>

View File

@ -1639,11 +1639,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-call-function-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-call-function-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-call-function-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-call-function-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Using an anonymous function to pass variables</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">myfunc</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">data</span><span class="p">){</span>
@ -1661,11 +1661,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-call-function-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-call-function-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-call-function-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-call-function-demo2.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Async function call: wait for data to be saved to a server</summary><div class="tabbed-set" data-tabs="3:1"><input checked="checked" id="__tabbed_3_1" name="__tabbed_3" type="radio" /><label for="__tabbed_3_1">Code</label><div class="tabbed-content"></div>
</div>
@ -1712,11 +1712,11 @@
</div>
<input id="__tabbed_4_2" name="__tabbed_4" type="radio" /><label for="__tabbed_4_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-call-function-demo3.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-call-function-demo3.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-call-function-demo3.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-call-function-demo3.html">Open demo in new tab</a></p>
</details>

View File

@ -1715,11 +1715,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-canvas-button-response-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-canvas-button-response-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-canvas-button-response-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-canvas-button-response-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Using an anonymous stimulus function</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">lines</span> <span class="o">=</span> <span class="p">{</span>
@ -1750,11 +1750,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-canvas-button-response-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-canvas-button-response-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-canvas-button-response-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-canvas-button-response-demo2.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Using the canvas stimulus function with timeline variables, and recording the correctness of responses</summary><div class="tabbed-set" data-tabs="3:2"><input checked="checked" id="__tabbed_3_1" name="__tabbed_3" type="radio" /><label for="__tabbed_3_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">function</span> <span class="nx">filledCirc</span><span class="p">(</span><span class="nx">canvas</span><span class="p">,</span> <span class="nx">radius</span><span class="p">,</span> <span class="nx">color</span><span class="p">)</span> <span class="p">{</span>
@ -1796,11 +1796,11 @@
</div>
<input id="__tabbed_3_2" name="__tabbed_3" type="radio" /><label for="__tabbed_3_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-canvas-button-response-demo3.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-canvas-button-response-demo3.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-canvas-button-response-demo3.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-canvas-button-response-demo3.html">Open demo in new tab</a></p>
</details>

View File

@ -1681,11 +1681,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-canvas-keyboard-response-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-canvas-keyboard-response-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-canvas-keyboard-response-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-canvas-keyboard-response-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Draw circle, no response allowed</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">function</span> <span class="nx">drawCirc</span><span class="p">(</span><span class="nx">c</span><span class="p">){</span>
@ -1708,11 +1708,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-canvas-keyboard-response-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-canvas-keyboard-response-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-canvas-keyboard-response-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-canvas-keyboard-response-demo2.html">Open demo in new tab</a></p>
</details>

View File

@ -1726,11 +1726,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-canvas-slider-response-demo1.html" width="90%;" height="550px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-canvas-slider-response-demo1.html" width="90%;" height="550px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-canvas-slider-response-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-canvas-slider-response-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Draw two squares with additional parameters</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">colors</span><span class="p">;</span>
@ -1761,11 +1761,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-canvas-slider-response-demo2.html" width="90%;" height="550px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-canvas-slider-response-demo2.html" width="90%;" height="550px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-canvas-slider-response-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-canvas-slider-response-demo2.html">Open demo in new tab</a></p>
</details>

View File

@ -1717,11 +1717,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-categorize-animation-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-categorize-animation-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-categorize-animation-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-categorize-animation-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Giving feedback with <code>%ANS%</code> string</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">images</span> <span class="o">=</span> <span class="p">[</span>
@ -1745,11 +1745,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-categorize-animation-demo2.html" width="90%;" height="600px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-categorize-animation-demo2.html" width="90%;" height="600px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-categorize-animation-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-categorize-animation-demo2.html">Open demo in new tab</a></p>
</details>

View File

@ -1727,11 +1727,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-categorize-html-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-categorize-html-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-categorize-html-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-categorize-html-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1727,11 +1727,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-categorize-image-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-categorize-image-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-categorize-image-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-categorize-image-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1646,11 +1646,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-cloze-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-cloze-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-cloze-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-cloze-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>More elaborate example (with check against correct solution, custom error handling and modified button text)</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code> <span class="kd">var</span> <span class="nx">cloze_trial</span> <span class="o">=</span> <span class="p">{</span>
@ -1664,11 +1664,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-cloze-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-cloze-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-cloze-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-cloze-demo2.html">Open demo in new tab</a></p>
</details>

View File

@ -1746,11 +1746,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-external-html-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-external-html-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-external-html-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-external-html-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1750,11 +1750,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-free-sort-demo1.html" width="90%;" height="700px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-free-sort-demo1.html" width="90%;" height="700px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-free-sort-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-free-sort-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1668,11 +1668,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-fullscreen-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-fullscreen-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-fullscreen-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-fullscreen-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1688,9 +1688,9 @@
};</code>
=== "Demo"
<div style="text-align:center;">
<iframe src="../demos/jspsych-html-button-response-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-html-button-response-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
</div></p>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-html-button-response-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-html-button-response-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1670,11 +1670,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-html-keyboard-response-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-html-keyboard-response-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-html-keyboard-response-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-html-keyboard-response-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Showing a 1 second fixation cross; no response allowed</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>
@ -1687,11 +1687,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-html-keyboard-response-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-html-keyboard-response-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-html-keyboard-response-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-html-keyboard-response-demo2.html">Open demo in new tab</a></p>
</details>

View File

@ -1718,11 +1718,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-html-slider-response-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-html-slider-response-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-html-slider-response-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-html-slider-response-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1726,11 +1726,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-iat-html-demo1.html" width="90%;" height="650px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-iat-html-demo1.html" width="90%;" height="650px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-iat-html-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-iat-html-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1726,11 +1726,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-iat-image-demo1.html" width="90%;" height="650px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-iat-image-demo1.html" width="90%;" height="650px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-iat-image-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-iat-image-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1713,11 +1713,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-image-button-response-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-image-button-response-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-image-button-response-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-image-button-response-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1687,20 +1687,20 @@
<details class="example" open="open"><summary>Displaying trial until subject gives a response</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"></div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-image-keyboard-response-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-image-keyboard-response-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-image-keyboard-response-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-image-keyboard-response-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Displaying image for a fixed duration; no response allowed</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content"></div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-image-keyboard-response-demo2.html" width="90%;" height="600px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-image-keyboard-response-demo2.html" width="90%;" height="600px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-image-keyboard-response-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-image-keyboard-response-demo2.html">Open demo in new tab</a></p>
</details>

View File

@ -1742,11 +1742,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-image-slider-response-demo1.html" width="90%;" height="850px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-image-slider-response-demo1.html" width="90%;" height="850px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-image-slider-response-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-image-slider-response-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1747,11 +1747,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-instructions-demo-1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-instructions-demo-1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-instructions-demo-1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-instructions-demo-1.html">Open demo in new tab</a></p>
</details>
<h4 id="including-images">Including images<a class="headerlink" href="#including-images" title="Permanent link">&para;</a></h4>
<details class="example" open="open"><summary>Including Images</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
@ -1769,11 +1769,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-instructions-demo-2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-instructions-demo-2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-instructions-demo-2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-instructions-demo-2.html">Open demo in new tab</a></p>
</details>
<h4 id="changing-button-text">Changing Button Text<a class="headerlink" href="#changing-button-text" title="Permanent link">&para;</a></h4>
<details class="example" open="open"><summary>Changing Button Text</summary><div class="tabbed-set" data-tabs="3:2"><input checked="checked" id="__tabbed_3_1" name="__tabbed_3" type="radio" /><label for="__tabbed_3_1">Code</label><div class="tabbed-content">
@ -1792,11 +1792,11 @@
</div>
<input id="__tabbed_3_2" name="__tabbed_3" type="radio" /><label for="__tabbed_3_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-instructions-demo-3.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-instructions-demo-3.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-instructions-demo-3.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-instructions-demo-3.html">Open demo in new tab</a></p>
</details>

View File

@ -1662,11 +1662,11 @@
<details class="example" open="open"><summary>Basic example</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"></div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-maxdiff-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-maxdiff-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-maxdiff-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-maxdiff-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1741,11 +1741,11 @@ The <code>stimulus</code> parameter from the <code>image-button-response</code>
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-preload-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-preload-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-preload-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-preload-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Manually preloading an image</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<p><div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">preload</span> <span class="o">=</span> <span class="p">{</span>
@ -1766,11 +1766,11 @@ Because the image is embedded inside HTML from the <code>html-button-response</c
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-preload-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-preload-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-preload-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-preload-demo2.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Loading files in batches</summary><div class="tabbed-set" data-tabs="3:2"><input checked="checked" id="__tabbed_3_1" name="__tabbed_3" type="radio" /><label for="__tabbed_3_1">Code</label><div class="tabbed-content">
<p><div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">jsPsych</span> <span class="o">=</span> <span class="nx">initJsPsych</span><span class="p">();</span>
@ -1835,11 +1835,11 @@ You can put trials using the <code>preload</code> plugin throughout your experim
</div>
<input id="__tabbed_3_2" name="__tabbed_3" type="radio" /><label for="__tabbed_3_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-preload-demo3.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-preload-demo3.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-preload-demo3.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-preload-demo3.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Showing a detailed error message for debugging loading issues</summary><div class="tabbed-set" data-tabs="4:2"><input checked="checked" id="__tabbed_4_1" name="__tabbed_4" type="radio" /><label for="__tabbed_4_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">preload</span> <span class="o">=</span> <span class="p">{</span>
@ -1851,11 +1851,11 @@ You can put trials using the <code>preload</code> plugin throughout your experim
</div>
<input id="__tabbed_4_2" name="__tabbed_4" type="radio" /><label for="__tabbed_4_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-preload-demo4.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-preload-demo4.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-preload-demo4.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-preload-demo4.html">Open demo in new tab</a></p>
</details>
<p>For more examples, see the <code>jspsych-preload.html</code> file in the <code>/examples</code> folder of the release and the <a href="../overview/media-preloading">Media Preloading</a> documentation page.</p>

View File

@ -1689,11 +1689,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-reconstruction-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-reconstruction-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-reconstruction-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-reconstruction-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1657,11 +1657,11 @@
<details class="example" open="open"><summary>Measuring a credit card and resizing the display to have 150 pixels equal an inch.</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"></div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-resize-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-resize-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-resize-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-resize-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1721,11 +1721,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-same-different-html-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-same-different-html-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-same-different-html-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-same-different-html-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1721,11 +1721,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-same-different-image-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-same-different-image-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-same-different-image-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-same-different-image-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1722,11 +1722,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-serial-reaction-time-mouse-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-serial-reaction-time-mouse-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-serial-reaction-time-mouse-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-serial-reaction-time-mouse-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>A 2x2 grid with extra space and different colors</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">grid</span> <span class="o">=</span> <span class="p">[</span>
@ -1763,11 +1763,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-serial-reaction-time-mouse-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-serial-reaction-time-mouse-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-serial-reaction-time-mouse-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-serial-reaction-time-mouse-demo2.html">Open demo in new tab</a></p>
</details>

View File

@ -1748,11 +1748,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-serial-reaction-time-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-serial-reaction-time-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-serial-reaction-time-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-serial-reaction-time-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>2x2 grid with feedback</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">instructions</span> <span class="o">=</span> <span class="p">{</span>
@ -1807,11 +1807,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-serial-reaction-time-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-serial-reaction-time-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-serial-reaction-time-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-serial-reaction-time-demo2.html">Open demo in new tab</a></p>
</details>

View File

@ -1664,11 +1664,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-survey-html-form-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-survey-html-form-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-survey-html-form-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-survey-html-form-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Using the autofocus parameter</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<p><div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>
@ -1682,11 +1682,11 @@ In this example, the browser will focus on the element with the ID <code>test-re
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-survey-html-form-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-survey-html-form-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-survey-html-form-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-survey-html-form-demo2.html">Open demo in new tab</a></p>
</details>

View File

@ -1679,11 +1679,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-survey-likert-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-survey-likert-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-survey-likert-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-survey-likert-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Multiple questions in a random order</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">likert_scale</span> <span class="o">=</span> <span class="p">[</span>
@ -1707,11 +1707,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-survey-likert-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-survey-likert-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-survey-likert-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-survey-likert-demo2.html">Open demo in new tab</a></p>
</details>

View File

@ -1675,11 +1675,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-survey-multi-choice-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-survey-multi-choice-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-survey-multi-choice-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-survey-multi-choice-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Horizontal Question Alignment</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>
@ -1705,11 +1705,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-survey-multi-choice-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-survey-multi-choice-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-survey-multi-choice-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-survey-multi-choice-demo2.html">Open demo in new tab</a></p>
</details>

View File

@ -1684,11 +1684,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-survey-multi-select-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-survey-multi-select-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-survey-multi-select-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-survey-multi-select-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1664,11 +1664,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-survey-text-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-survey-text-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-survey-text-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-survey-text-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Multiple questions, with an optional placeholder and a required question</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>
@ -1682,11 +1682,11 @@
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-survey-text-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-survey-text-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-survey-text-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-survey-text-demo2.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Naming questions to improve readability of the stored data</summary><div class="tabbed-set" data-tabs="3:2"><input checked="checked" id="__tabbed_3_1" name="__tabbed_3" type="radio" /><label for="__tabbed_3_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>
@ -1700,11 +1700,11 @@
</div>
<input id="__tabbed_3_2" name="__tabbed_3" type="radio" /><label for="__tabbed_3_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-survey-text-demo3.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-survey-text-demo3.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-survey-text-demo3.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-survey-text-demo3.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Using the preamble and a longer textbox response</summary><div class="tabbed-set" data-tabs="4:2"><input checked="checked" id="__tabbed_4_1" name="__tabbed_4" type="radio" /><label for="__tabbed_4_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">trial</span> <span class="o">=</span> <span class="p">{</span>
@ -1719,11 +1719,11 @@
</div>
<input id="__tabbed_4_2" name="__tabbed_4" type="radio" /><label for="__tabbed_4_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-survey-text-demo4.html" width="90%;" height="800px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-survey-text-demo4.html" width="90%;" height="800px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-survey-text-demo4.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-survey-text-demo4.html">Open demo in new tab</a></p>
</details>

View File

@ -1741,11 +1741,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-video-button-response-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-video-button-response-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-video-button-response-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-video-button-response-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1722,11 +1722,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-video-keyboard-response-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-video-keyboard-response-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-video-keyboard-response-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-video-keyboard-response-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1774,11 +1774,11 @@
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-video-slider-response-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-video-slider-response-demo1.html" width="90%;" height="600px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-video-slider-response-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-video-slider-response-demo1.html">Open demo in new tab</a></p>
</details>

View File

@ -1780,24 +1780,24 @@
<h2 id="example">Example<a class="headerlink" href="#example" title="Permanent link">&para;</a></h2>
<details class="example" open="open"><summary>Measure distance to screen and pixel ratio; no resizing</summary><div class="tabbed-set" data-tabs="1:2"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Code</label><div class="tabbed-content"></div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p>This demo requires a larger viewing area to complete. Please <a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-virtual-chinrest-demo1.html">open the demo in a new tab</a></p>
<p>This demo requires a larger viewing area to complete. Please <a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-virtual-chinrest-demo1.html">open the demo in a new tab</a></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-virtual-chinrest-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-virtual-chinrest-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Resizing based on centimeters per pixel</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content"></div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p>This demo requires a larger viewing area to complete. Please <a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-virtual-chinrest-demo2.html">open the demo in a new tab</a></p>
<p>This demo requires a larger viewing area to complete. Please <a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-virtual-chinrest-demo2.html">open the demo in a new tab</a></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-virtual-chinrest-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-virtual-chinrest-demo2.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Resizing based on degrees of visual angle per pixel</summary><div class="tabbed-set" data-tabs="3:2"><input checked="checked" id="__tabbed_3_1" name="__tabbed_3" type="radio" /><label for="__tabbed_3_1">Code</label><div class="tabbed-content"></div>
<input id="__tabbed_3_2" name="__tabbed_3" type="radio" /><label for="__tabbed_3_2">Demo</label><div class="tabbed-content">
<p>This demo requires a larger viewing area to complete. Please <a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-virtual-chinrest-demo3.html">open the demo in a new tab</a></p>
<p>This demo requires a larger viewing area to complete. Please <a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-virtual-chinrest-demo3.html">open the demo in a new tab</a></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-virtual-chinrest-demo3.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-virtual-chinrest-demo3.html">Open demo in new tab</a></p>
</details>

View File

@ -1743,11 +1743,11 @@ OR</li>
</div>
<input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-visual-search-circle-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-visual-search-circle-demo1.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-visual-search-circle-demo1.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-visual-search-circle-demo1.html">Open demo in new tab</a></p>
</details>
<details class="example" open="open"><summary>Variety of different distractors</summary><div class="tabbed-set" data-tabs="2:2"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Code</label><div class="tabbed-content">
<div class="highlight"><pre><span></span><code><span class="kd">var</span> <span class="nx">instructions</span> <span class="o">=</span> <span class="p">{</span>
@ -1770,11 +1770,11 @@ OR</li>
</div>
<input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><label for="__tabbed_2_2">Demo</label><div class="tabbed-content">
<p><div style="text-align:center;">
<iframe src="../demos/jspsych-visual-search-circle-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
<iframe src="../../demos/jspsych-visual-search-circle-demo2.html" width="90%;" height="500px;" frameBorder="0"></iframe>
</div></p>
</div>
</div>
<p><a target="_blank" rel="noopener noreferrer" href="../demos/jspsych-visual-search-circle-demo2.html">Open demo in new tab</a></p>
<p><a target="_blank" rel="noopener noreferrer" href="../../demos/jspsych-visual-search-circle-demo2.html">Open demo in new tab</a></p>
</details>

Binary file not shown.