-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (50 loc) · 2.22 KB
/
index.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
<!DOCTYPE html>
<!--
COLLABORATORS: Ankush Gupta
Hi TA/grader! My checkers game works best in Chrome/Firefox.
I could not get jQuery UI draggable to work 100% the way the problem set wants it to. However, it does satisfy some of the pset requirements!
It does not work after pressing new table, so you must refresh every time to test out the drag and drop.
-->
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Checkerboard</title>
<!-- Load style sheets -->
<link rel="stylesheet" type="text/css" href="mainLayout.css" />
<!-- Load any supplemental Javascript libraries here -->
<script type="text/javascript" src="external_js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="checker.js"></script>
<script type="text/javascript" src="boardEvent.js"></script>
<script type="text/javascript" src="board.js"></script>
<script type="text/javascript" src="rules.js"></script>
<script type="text/javascript" src="external_js/jquery-ui-1.10.4.custom.js"></script>
<script type="text/javascript" src="external_js/jquery-ui-1.10.4.custom.min.js"></script>
</head>
<body>
<table id="mainTable">
<tr>
<td id="navigation">
<table>
<tr><td><div id = "playerTurn">
<div id="blackTurn">Black Turn</div>
<div id="redTurn">Red Turn</div>
</div></td></tr>
<tr><td><input id="btnNewGame" type="button" name="new" value="New Game"/></td></tr>
<tr><td><input id="btnAutoMove" type="button" name="new" value="Auto Move"/></td></tr>
<tr><td><input id="btnUndo" type="button" name="new" value="Undo"/></td></tr>
<tr><td><input id="btnRedo" type="button" name="new" value="Redo"/></td></tr>
</table>
</td>
<td id="content">
<table id="checkerboard" cellspacing="0" cellpadding="0">
<canvas id="boardCanvas" width="400" height="400"/>
</table>
</canvas>
</td>
</tr>
</table>
<script type="text/javascript">$("#btnUndo").button("disable");
$("#checkerboard #check").draggable("disable");</script>
<script type="text/javascript" src="input3.js"></script>
</body>
</html>