-
Notifications
You must be signed in to change notification settings - Fork 0
/
NewtonScooter_P_distance.html
executable file
·59 lines (58 loc) · 2.19 KB
/
NewtonScooter_P_distance.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
<!DOCTYPE html>
<html>
<head>
<title>Newton Scooters</title>
<link rel="stylesheet" type="text/css" href="styles/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="styles/styles.css">
<script src="scripts/jquery-3.3.1.min.js"></script>
<script src="scripts/jquery-ui.min.js"></script>
<script src="scripts/easeljs.min.js"></script>
<script src="scripts/highcharts.js"></script>
<script src="scripts/highcharts-exporting.js"></script>
<script src="scripts/simulation.js"></script>
<script src="scripts/wise-api.js"></script>
<script src="scripts/main.js"></script>
</head>
<body onload="init({version:'p'})">
<table>
<tbody><tr>
<td style="position:relative;vertical-align:top;background-color:#EEFFEE;padding-top:20px">
<table><tbody>
<tr><td style="color:black;font:18px Arial;padding-left:30px">Inflate Balloon</td></tr>
<tr><td style="padding:5px;padding-left:10px">
<div id="slider_crank" style="width:160px"></div>
</td></tr>
<tr><td><div id="uielems" style="padding:10px;background-color:#EEFFEE;"></div></td></tr>
<tr><td style="padding:10px;text-align:center">
<button type="button" id="button_run" onclick="run()">Run</button>
</td></tr>
<tr><td style="padding:10px;text-align:center">
<button type="button" id="button_pause" onclick="pause()">Pause</button>
</td></tr>
</tbody></table>
</td>
<td>
<table><tbody>
<tr>
<td><div id="plot1" style="position:relative"></div></td>
<td><div id="plot2" style="position:relative"></div></td>
</tr>
</tbody></table>
<table id="graphs"><tbody>
<tr>
<td>
<div style="position:relative; top:0px; left:0px">
<canvas id="canvas" width=760 height=200 style="position:relative; background-color:#eeeeef"></canvas>
<h2 id="score" style="position:absolute; left:40px; top:20px"></h2>
<h2 id="previousScore" style="position:absolute; right:24px; top:16px"></h2>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr></tbody>
</table>
<div id="dialog" title="Instructions"></div>
<div id="congrats" title=""></div>
</body>
</html>