PacNav/index.html at master · cromaLab/PacNav · GitHub

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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<html><head>
<title>Pacman Online Learning</title>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script><style type="text/css"></style>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<!--script type="text/javascript" src="http://code.google.com/p/jquery-color-utils/downloads/detail?name=jquery.color.utils-0.1.0.js"></script-->
<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>


<!--link rel="stylesheet" href="//roc.cs.rochester.edu/LegionJS/LegionTools/LegionJS_Libraries/legion.css" /-->
<script src="scripts/vars.js"></script>
<!--script src="//roc.cs.rochester.edu/LegionJS/LegionTools/LegionJS_Libraries/legion.js"></script-->


<script src="scripts/gup.js" type="text/javascript"></script>
<script src="scripts/viewer.js" type="text/javascript"></script>
<script src="scripts/controls.js" type="text/javascript"></script>
<script src="scripts/suggestions.js" type="text/javascript"></script>

<script type="text/javascript" src="https://s3.amazonaws.com/mturk-public/externalHIT_v1.js"></script>
<script type="text/javascript" src="scripts/csspopup.js"></script>

<link rel="stylesheet" href="css/style.css" type="text/css" />

</head>
<body>
<div id="blanket" style="display:none;"></div>
<div id="popUpDiv" style="display:none;">
    <a href="#" onclick="popup('popUpDiv')" style="text-decoration:none">[X] Close</a><br />
    <iframe src="instructions.html" width="100%" height="95%" frameborder="0"></iframe>
</div>
<div id="instructionContainer">
<b>IMPORTANT:</b> Please read the <a href="#" onclick="popup('popUpDiv')">instructions</a> carefully before attempting.
</div>
<div id="videoContainer">
	<!-- YouTube Player Container -->
	<div id="vidCover"></div>
	<div id="vidPlayer"></div>
		<div id = "controls">
			<a class="button" id="playVid" style="display: none;">
				<span id ="but_swi" class="_play">Play</span>
			</a>
		</div>
		<script src="scripts/youtube.js"></script>
	</div>


	<!-- Caption Playback Controls -->
	<div id="controls">
        <input type="button" class="button stepButton" id="jumpb" value="<< Jump"></input>
		<input type="button" class="button stepButton" id="stepb" value="< Step"></input>
		<input type="button" class="button" id="play" value="Play"></input>
		<input type="button" class="button stepButton" id="stepf" value="Step >"></input>
        <input type="button" class="button stepButton" id="jumpf" value="Jump >>"></input>
	</div>

	<div id="playTime">0</div>
	<!--div id="status">
	</div-->


</div>

<div id="inputContainer">

	<div id="textWrapper">
		<div id="task-instructions">
			What action should the player have taken at this point?
		</div>
	</div>

	<div id="respButtonContainer">
		<input type="button" id="respLeft" class="responseButton" value="&larr;"></input>
		<input type="button" id="respUp" class="responseButton" value="&uarr;"></input>
		<input type="button" id="respDown" class="responseButton" value="&darr;"></input>
		<input type="button" id="respRight" class="responseButton" value="&rarr;"></input>
	</div>

</div>

<div id="suggestContainer">

	<div id="suggestHeader">
		Your Suggestions:
	</div>

	<div id="suggestContent">
	</div>
</div>

<div id="submitContainer">
	<!--form name="mturk_form" method="post" id="mturk_form" action="https://workersandbox.mturk.com/mturk/externalSubmit"-->
	<form name="mturk_form" method="post" id="mturk_form" action="https://www.mturk.com/mturk/externalSubmit">
		<input type="hidden" name="assignmentId" value="" id="assignmentId" />
        <input type="hidden" name="Video" value="" id="videoId" />
        <input type="hidden" name="Suggestion" value="" id="suggestId" />
		<input type="submit" class="button" id="submitButton" value="Submit HIT" />
	</form>
	<script language="Javascript">turkSetAssignmentID();</script>
</div>

<!-- div id="submit-div">
        <form id="submit-form">
                <input type="hidden" name="money" id="money_field"></div>
                <input type="hidden" name="assignmentId" id="submit-assignmentId">
        </form>
</div -->

<div id="sidebar"></div>
<div id="instructions"></div>
<p id='legion-money' style="display:none;">.15</p>

</body>
</html>