forked from brendenlake/visual-turing-tests
-
Notifications
You must be signed in to change notification settings - Fork 0
/
super_task.html
96 lines (78 loc) · 3.35 KB
/
super_task.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
93
94
95
96
<!--
Basic template for a Turk experiment.
-->
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/canvas.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.url.js"></script>
<script type="text/javascript" src="extend_jquery.js"></script>
<script type="text/javascript" src="taskutil.js"></script>
<script type="text/javascript" src="super_task.js"></script>
<script type="text/javascript" src="basic_task.js"></script>
</head>
<body>
<!-- PREAMBLE -->
<span id="pre"></span>
<!-- INSTRUCTIONS -->
<DIV id="instruct" style="" class="task_section">
<div align="center">
<h3>Instructions</h3>
</div>
<p> Place instructions here.</p>
<div style="clear: both;">
</div>
<div style="" id="disclaimer">
</div>
<div align="center" id="to_quiz" style="">
<button onclick="task.start_quiz();">Continue to instructions quiz</button>
</div>
<div id="return_exp" style="display:none;">
<br><br><div align="center" ><button onclick="task.return_to_exp();">Return to experiment</button></div>
</div>
</DIV>
<!-- INSTRUCTIONS TEST -->
<DIV id="instruct_test" style="display:none;" class="task_section">
<FORM>
<b>Instructions quiz.</b><br><br>
Question 1<br>
<input type="radio" name="bin_grid" value="1" class="qq">correct<br>
<input type="radio" name="bin_grid" value="0">wrong<br>
<input type="radio" name="bin_grid" value="0">wrong<br><br>
Question 2<br>
<input type="radio" name="bin_chars" value="0" class="qq">wrong<br>
<input type="radio" name="bin_chars" value="1">correct<br>
<input type="radio" name="bin_chars" value="0">wrong<br><br>
</FORM>
<button onclick="task.check_quiz();">Proceed to task.</button>
</DIV>
<!-- EXPERIMENT SECTION -->
<DIV id="exp" style="display:none;" class="task_section">
This is the main experiment. Type something in the box below:<br>
<textarea id="main_txt" rows="5" cols="50" class="main_txt"></textarea><br><br>
<button onclick="task.load_survey();">Done</button>
<br><br>
<button onclick="task.review_instructions();">Review instructions</button>
</DIV>
<!-- SURVEY SECTION -->
<DIV id="survey" style="display:none;" class="task_section">
Were there any technical problems with the website? (required)<br>
<input type="radio" name="survey_radio_trouble" value="yes" class="survey_radio">Yes
<input type="radio" name="survey_radio_trouble" value="no">No<br>
If yes, please describe the problem as specifically as you can:<br>
<textarea id="survey_txt_trouble" rows="5" cols="50" class="survey_txt"></textarea><br><br>
Do you have any general comments? (optional)<br>
<textarea id="survey_txt_comments" rows="5" cols="50" class="survey_txt"></textarea><br><br>
<div id="check_survey" style="">
<button onclick="task.survey_finished();">Check survey</button>
</div>
<div id="turk_form" style="display:none;">
<form name="myform" action="http://www.mturk.com/mturk/externalSubmit" method="POST">
<input id="myid" type="hidden" name="assignmentId" value="">
<input id="data" type="hidden" name="data" value="">
<input type="submit" name="mysubmit" value="Submit">
</form>
</div>
</DIV>
</body>
</html>