forked from danlassiter/experiment-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
template.html
92 lines (77 loc) · 3.98 KB
/
template.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<html>
<head>
<title>EXPERIMENT TITLE</title>
<!--
make sure you've got a copy of or a link to the latest version of JQuery,
and of mmturkey (available at https://github.com/longouyang/mmturkey).
-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="mmturkey-extension.js"></script>
<!-- load the JavaScript file for your experiment -->
<script type="text/javascript" src="template.js"></script>
<!--
insert the following line if you're planning to do some drawing
<script type="text/javascript" src="raphael-min.js"></script>
-->
<!-- load your .css file -->
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div class="slide" id="instructions">
<p>EXPERIMENT TITLE</p>
<p class="block-text">BRIEF OVERVIEW</p>
<button type="button" onclick="experiment.intro()">Start</button>
<p class="block-text" id="mustaccept">
You must accept the HIT in order to continue.
</p>
<p class="block-text" id="legal">Legal information: By answering the following questions, you are participating in a study being performed by researchers in the INSTITUTION_NAME Department of DEPARTMENT_NAME. If you have questions about this research, please contact YOURNAME at <a href="mailto://YOUREMAILADDRESS">YOUREMAILADDRESS</a>. You must be at least 18 years old to participate. Your participation in this research is voluntary. You may decline to answer any or all of the following questions. You may decline further participation, at any time, without adverse consequences. Your anonymity is assured; the researchers who have requested your participation will not receive any personal information about you.</p> <BR><BR>
</div>
<div class="slide" id="intro">
<p class="block-text" id="blurb">DETAILED INSTRUCTIONS.</p>
<button type="button" onclick="StepExperiment();">Start</button>
</div>
<div class="slide" id="stage">
<!-- WANT A PROGRESS BAR? Insert the line below, and uncomment corresponding stuff in JavaScript template.
<div class="progress"><span>Progress:</span><div class="bar-wrapper"><div class="bar"></div></div></div>
-->
<!--
Stimuli show up here: pictures, sentences, etc.
If you're drawing using Raphael.js, make a canvas like this:
<div class='canvas' id='canvas'></div>
-->
<br>
<p class="txt" id="questiontxt">Use JQuery to write your question here:<br>$("#questiontxt").html("What you want to ask?");</p>
<form id='form'>
<div class='response' id='ratings'>
<td><input class='agreement' name='agreement' type='radio' id='a1' value='no' /></td>
<th><label for='v2'>No</label></td>
<td><input class='agreement' name='agreement' type='radio' id='a2' value='yes' /></td>
<th><label for='v1'>Yes</label></th></div>
<div class='response' id='confidence'><table class='ratings'>
<p class="txt" id="confidencetxt">Please indicate how confident you are in your answer using the scale below.</p>
<tr>Less confident
<input class='rating' name='rating' type='radio' id='v1' value='1' />
<input class='rating' name='rating' type='radio' id='v2' value='2' />
<input class='rating' name='rating' type='radio' id='v3' value='3' />
<input class='rating' name='rating' type='radio' id='v4' value='4' />
<input class='rating' name='rating' type='radio' id='v5' value='5' />
<input class='rating' name='rating' type='radio' id='v6' value='6' />
<input class='rating' name='rating' type='radio' id='v7' value='7' /> More confident</tr></table>
<p id='error'>Please answer both questions before continuing.</p>
</form>
</div>
<button id="continue">Continue</button>
</div>
<div class="slide" id="debrief">
<p>Last question: what is your native language (the language that was spoken at home when you were a child)?</p>
<p>Please enter it below, and then click 'Submit'.</p>
<form id="lgform">
<input type="text" name="lg" id="lgbox"></input>
<button type="button" id="debriefSubmit">Submit</button>
</form>
</div>
<div class="slide" id="finished">
You're finished - thanks for participating! Submitting to Mechanical Turk...
</div>
</body>
</html>