Skip to content

Commit 238ff67

Browse files
DarlanioDarlanio
authoredMar 10, 2019
Minor update to GUI (table into divs)
1 parent 44ecb2a commit 238ff67

File tree

1 file changed

+84
-84
lines changed

1 file changed

+84
-84
lines changed
 

‎chess.html

+84-84
Original file line numberDiff line numberDiff line change
@@ -14,90 +14,90 @@ <H1 style="color: white;"><div id="players" onclick="AIMakeMove();">White: Human
1414
<H3 style="color: white;"><div id="status">White to move (click on players above to make AI move)</div></H3>
1515
</CENTER>
1616
<BR>
17-
<CENTER>
18-
<TABLE>
19-
<TR>
20-
<TD><IMG id="a8" SRC="wbr.bmp" onclick="userclick('a8')"></TD>
21-
<TD><IMG id="b8" SRC="bbn.bmp" onclick="userclick('b8')"></TD>
22-
<TD><IMG id="c8" SRC="wbb.bmp" onclick="userclick('c8')"></TD>
23-
<TD><IMG id="d8" SRC="bbq.bmp" onclick="userclick('d8')"></TD>
24-
<TD><IMG id="e8" SRC="wbk.bmp" onclick="userclick('e8')"></TD>
25-
<TD><IMG id="f8" SRC="bbb.bmp" onclick="userclick('f8')"></TD>
26-
<TD><IMG id="g8" SRC="wbn.bmp" onclick="userclick('g8')"></TD>
27-
<TD><IMG id="h8" SRC="bbr.bmp" onclick="userclick('h8')"></TD>
28-
</TR>
29-
<TR>
30-
<TD><IMG id="a7" SRC="bbp.bmp" onclick="userclick('a7')"></TD>
31-
<TD><IMG id="b7" SRC="wbp.bmp" onclick="userclick('b7')"></TD>
32-
<TD><IMG id="c7" SRC="bbp.bmp" onclick="userclick('c7')"></TD>
33-
<TD><IMG id="d7" SRC="wbp.bmp" onclick="userclick('d7')"></TD>
34-
<TD><IMG id="e7" SRC="bbp.bmp" onclick="userclick('e7')"></TD>
35-
<TD><IMG id="f7" SRC="wbp.bmp" onclick="userclick('f7')"></TD>
36-
<TD><IMG id="g7" SRC="bbp.bmp" onclick="userclick('g7')"></TD>
37-
<TD><IMG id="h7" SRC="wbp.bmp" onclick="userclick('h7')"></TD>
38-
</TR>
39-
<TR>
40-
<TD><IMG id="a6" SRC="w.bmp" onclick="userclick('a6')"></TD>
41-
<TD><IMG id="b6" SRC="b.bmp" onclick="userclick('b6')"></TD>
42-
<TD><IMG id="c6" SRC="w.bmp" onclick="userclick('c6')"></TD>
43-
<TD><IMG id="d6" SRC="b.bmp" onclick="userclick('d6')"></TD>
44-
<TD><IMG id="e6" SRC="w.bmp" onclick="userclick('e6')"></TD>
45-
<TD><IMG id="f6" SRC="b.bmp" onclick="userclick('f6')"></TD>
46-
<TD><IMG id="g6" SRC="w.bmp" onclick="userclick('g6')"></TD>
47-
<TD><IMG id="h6" SRC="b.bmp" onclick="userclick('h6')"></TD>
48-
</TR>
49-
<TR>
50-
<TD><IMG id="a5" SRC="b.bmp" onclick="userclick('a5')"></TD>
51-
<TD><IMG id="b5" SRC="w.bmp" onclick="userclick('b5')"></TD>
52-
<TD><IMG id="c5" SRC="b.bmp" onclick="userclick('c5')"></TD>
53-
<TD><IMG id="d5" SRC="w.bmp" onclick="userclick('d5')"></TD>
54-
<TD><IMG id="e5" SRC="b.bmp" onclick="userclick('e5')"></TD>
55-
<TD><IMG id="f5" SRC="w.bmp" onclick="userclick('f5')"></TD>
56-
<TD><IMG id="g5" SRC="b.bmp" onclick="userclick('g5')"></TD>
57-
<TD><IMG id="h5" SRC="w.bmp" onclick="userclick('h5')"></TD>
58-
</TR>
59-
<TR>
60-
<TD><IMG id="a4" SRC="w.bmp" onclick="userclick('a4')"></TD>
61-
<TD><IMG id="b4" SRC="b.bmp" onclick="userclick('b4')"></TD>
62-
<TD><IMG id="c4" SRC="w.bmp" onclick="userclick('c4')"></TD>
63-
<TD><IMG id="d4" SRC="b.bmp" onclick="userclick('d4')"></TD>
64-
<TD><IMG id="e4" SRC="w.bmp" onclick="userclick('e4')"></TD>
65-
<TD><IMG id="f4" SRC="b.bmp" onclick="userclick('f4')"></TD>
66-
<TD><IMG id="g4" SRC="w.bmp" onclick="userclick('g4')"></TD>
67-
<TD><IMG id="h4" SRC="b.bmp" onclick="userclick('h4')"></TD>
68-
</TR>
69-
<TR>
70-
<TD><IMG id="a3" SRC="b.bmp" onclick="userclick('a3')"></TD>
71-
<TD><IMG id="b3" SRC="w.bmp" onclick="userclick('b3')"></TD>
72-
<TD><IMG id="c3" SRC="b.bmp" onclick="userclick('c3')"></TD>
73-
<TD><IMG id="d3" SRC="w.bmp" onclick="userclick('d3')"></TD>
74-
<TD><IMG id="e3" SRC="b.bmp" onclick="userclick('e3')"></TD>
75-
<TD><IMG id="f3" SRC="w.bmp" onclick="userclick('f3')"></TD>
76-
<TD><IMG id="g3" SRC="b.bmp" onclick="userclick('g3')"></TD>
77-
<TD><IMG id="h3" SRC="w.bmp" onclick="userclick('h3')"></TD>
78-
</TR>
79-
<TR>
80-
<TD><IMG id="a2" SRC="wwp.bmp" onclick="userclick('a2')"></TD>
81-
<TD><IMG id="b2" SRC="bwp.bmp" onclick="userclick('b2')"></TD>
82-
<TD><IMG id="c2" SRC="wwp.bmp" onclick="userclick('c2')"></TD>
83-
<TD><IMG id="d2" SRC="bwp.bmp" onclick="userclick('d2')"></TD>
84-
<TD><IMG id="e2" SRC="wwp.bmp" onclick="userclick('e2')"></TD>
85-
<TD><IMG id="f2" SRC="bwp.bmp" onclick="userclick('f2')"></TD>
86-
<TD><IMG id="g2" SRC="wwp.bmp" onclick="userclick('g2')"></TD>
87-
<TD><IMG id="h2" SRC="bwp.bmp" onclick="userclick('h2')"></TD>
88-
</TR>
89-
<TR>
90-
<TD><IMG id="a1" SRC="bwr.bmp" onclick="userclick('a1')"></TD>
91-
<TD><IMG id="b1" SRC="wwn.bmp" onclick="userclick('b1')"></TD>
92-
<TD><IMG id="c1" SRC="bwb.bmp" onclick="userclick('c1')"></TD>
93-
<TD><IMG id="d1" SRC="wwq.bmp" onclick="userclick('d1')"></TD>
94-
<TD><IMG id="e1" SRC="bwk.bmp" onclick="userclick('e1')"></TD>
95-
<TD><IMG id="f1" SRC="wwb.bmp" onclick="userclick('f1')"></TD>
96-
<TD><IMG id="g1" SRC="bwn.bmp" onclick="userclick('g1')"></TD>
97-
<TD><IMG id="h1" SRC="wwr.bmp" onclick="userclick('h1')"></TD>
98-
</TR>
99-
</TABLE>
100-
</CENTER>
17+
<DIV ID="ChessBoardBorder">
18+
<DIV ID="ChessBoard">
19+
<DIV ID="ROW8" style="display: flex; width: 100%; align-items:center;">
20+
<DIV style="width: 12.5%"><IMG id="a8" SRC="wbr.bmp" style="display: block" width="100%" height="auto" onclick="userclick('a8')"></DIV>
21+
<DIV style="width: 12.5%"><IMG id="b8" SRC="bbn.bmp" style="display: block" width="100%" height="auto" onclick="userclick('b8')"></DIV>
22+
<DIV style="width: 12.5%"><IMG id="c8" SRC="wbb.bmp" style="display: block" width="100%" height="auto" onclick="userclick('c8')"></DIV>
23+
<DIV style="width: 12.5%"><IMG id="d8" SRC="bbq.bmp" style="display: block" width="100%" height="auto" onclick="userclick('d8')"></DIV>
24+
<DIV style="width: 12.5%"><IMG id="e8" SRC="wbk.bmp" style="display: block" width="100%" height="auto" onclick="userclick('e8')"></DIV>
25+
<DIV style="width: 12.5%"><IMG id="f8" SRC="bbb.bmp" style="display: block" width="100%" height="auto" onclick="userclick('f8')"></DIV>
26+
<DIV style="width: 12.5%"><IMG id="g8" SRC="wbn.bmp" style="display: block" width="100%" height="auto" onclick="userclick('g8')"></DIV>
27+
<DIV style="width: 12.5%"><IMG id="h8" SRC="bbr.bmp" style="display: block" width="100%" height="auto" onclick="userclick('h8')"></DIV>
28+
</DIV>
29+
<DIV ID="ROW7" style="display: flex">
30+
<DIV style="width: 12.5%"><IMG id="a7" SRC="bbp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('a7')"></DIV>
31+
<DIV style="width: 12.5%"><IMG id="b7" SRC="wbp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('b7')"></DIV>
32+
<DIV style="width: 12.5%"><IMG id="c7" SRC="bbp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('c7')"></DIV>
33+
<DIV style="width: 12.5%"><IMG id="d7" SRC="wbp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('d7')"></DIV>
34+
<DIV style="width: 12.5%"><IMG id="e7" SRC="bbp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('e7')"></DIV>
35+
<DIV style="width: 12.5%"><IMG id="f7" SRC="wbp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('f7')"></DIV>
36+
<DIV style="width: 12.5%"><IMG id="g7" SRC="bbp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('g7')"></DIV>
37+
<DIV style="width: 12.5%"><IMG id="h7" SRC="wbp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('h7')"></DIV>
38+
</DIV>
39+
<DIV ID="ROW6" style="display: flex">
40+
<DIV style="width: 12.5%"><IMG id="a6" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('a6')"></DIV>
41+
<DIV style="width: 12.5%"><IMG id="b6" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('b6')"></DIV>
42+
<DIV style="width: 12.5%"><IMG id="c6" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('c6')"></DIV>
43+
<DIV style="width: 12.5%"><IMG id="d6" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('d6')"></DIV>
44+
<DIV style="width: 12.5%"><IMG id="e6" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('e6')"></DIV>
45+
<DIV style="width: 12.5%"><IMG id="f6" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('f6')"></DIV>
46+
<DIV style="width: 12.5%"><IMG id="g6" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('g6')"></DIV>
47+
<DIV style="width: 12.5%"><IMG id="h6" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('h6')"></DIV>
48+
</DIV>
49+
<DIV ID="ROW5" style="display: flex">
50+
<DIV style="width: 12.5%"><IMG id="a5" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('a5')"></DIV>
51+
<DIV style="width: 12.5%"><IMG id="b5" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('b5')"></DIV>
52+
<DIV style="width: 12.5%"><IMG id="c5" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('c5')"></DIV>
53+
<DIV style="width: 12.5%"><IMG id="d5" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('d5')"></DIV>
54+
<DIV style="width: 12.5%"><IMG id="e5" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('e5')"></DIV>
55+
<DIV style="width: 12.5%"><IMG id="f5" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('f5')"></DIV>
56+
<DIV style="width: 12.5%"><IMG id="g5" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('g5')"></DIV>
57+
<DIV style="width: 12.5%"><IMG id="h5" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('h5')"></DIV>
58+
</DIV>
59+
<DIV ID="ROW4" style="display: flex">
60+
<DIV style="width: 12.5%"><IMG id="a4" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('a4')"></DIV>
61+
<DIV style="width: 12.5%"><IMG id="b4" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('b4')"></DIV>
62+
<DIV style="width: 12.5%"><IMG id="c4" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('c4')"></DIV>
63+
<DIV style="width: 12.5%"><IMG id="d4" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('d4')"></DIV>
64+
<DIV style="width: 12.5%"><IMG id="e4" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('e4')"></DIV>
65+
<DIV style="width: 12.5%"><IMG id="f4" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('f4')"></DIV>
66+
<DIV style="width: 12.5%"><IMG id="g4" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('g4')"></DIV>
67+
<DIV style="width: 12.5%"><IMG id="h4" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('h4')"></DIV>
68+
</DIV>
69+
<DIV ID="ROW4" style="display: flex">
70+
<DIV style="width: 12.5%"><IMG id="a3" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('a3')"></DIV>
71+
<DIV style="width: 12.5%"><IMG id="b3" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('b3')"></DIV>
72+
<DIV style="width: 12.5%"><IMG id="c3" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('c3')"></DIV>
73+
<DIV style="width: 12.5%"><IMG id="d3" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('d3')"></DIV>
74+
<DIV style="width: 12.5%"><IMG id="e3" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('e3')"></DIV>
75+
<DIV style="width: 12.5%"><IMG id="f3" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('f3')"></DIV>
76+
<DIV style="width: 12.5%"><IMG id="g3" SRC="b.bmp" style="display: block" width="100%" height="auto" onclick="userclick('g3')"></DIV>
77+
<DIV style="width: 12.5%"><IMG id="h3" SRC="w.bmp" style="display: block" width="100%" height="auto" onclick="userclick('h3')"></DIV>
78+
</DIV>
79+
<DIV ID="ROW4" style="display: flex">
80+
<DIV style="width: 12.5%"><IMG id="a2" SRC="wwp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('a2')"></DIV>
81+
<DIV style="width: 12.5%"><IMG id="b2" SRC="bwp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('b2')"></DIV>
82+
<DIV style="width: 12.5%"><IMG id="c2" SRC="wwp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('c2')"></DIV>
83+
<DIV style="width: 12.5%"><IMG id="d2" SRC="bwp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('d2')"></DIV>
84+
<DIV style="width: 12.5%"><IMG id="e2" SRC="wwp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('e2')"></DIV>
85+
<DIV style="width: 12.5%"><IMG id="f2" SRC="bwp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('f2')"></DIV>
86+
<DIV style="width: 12.5%"><IMG id="g2" SRC="wwp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('g2')"></DIV>
87+
<DIV style="width: 12.5%"><IMG id="h2" SRC="bwp.bmp" style="display: block" width="100%" height="auto" onclick="userclick('h2')"></DIV>
88+
</DIV>
89+
<DIV ID="ROW4" style="display: flex">
90+
<DIV style="width: 12.5%"><IMG id="a1" SRC="bwr.bmp" style="display: block" width="100%" height="auto" onclick="userclick('a1')"></DIV>
91+
<DIV style="width: 12.5%"><IMG id="b1" SRC="wwn.bmp" style="display: block" width="100%" height="auto" onclick="userclick('b1')"></DIV>
92+
<DIV style="width: 12.5%"><IMG id="c1" SRC="bwb.bmp" style="display: block" width="100%" height="auto" onclick="userclick('c1')"></DIV>
93+
<DIV style="width: 12.5%"><IMG id="d1" SRC="wwq.bmp" style="display: block" width="100%" height="auto" onclick="userclick('d1')"></DIV>
94+
<DIV style="width: 12.5%"><IMG id="e1" SRC="bwk.bmp" style="display: block" width="100%" height="auto" onclick="userclick('e1')"></DIV>
95+
<DIV style="width: 12.5%"><IMG id="f1" SRC="wwb.bmp" style="display: block" width="100%" height="auto" onclick="userclick('f1')"></DIV>
96+
<DIV style="width: 12.5%"><IMG id="g1" SRC="bwn.bmp" style="display: block" width="100%" height="auto" onclick="userclick('g1')"></DIV>
97+
<DIV style="width: 12.5%"><IMG id="h1" SRC="wwr.bmp" style="display: block" width="100%" height="auto" onclick="userclick('h1')"></DIV>
98+
</DIV>
99+
</DIV>
100+
</DIV>
101101
<script type="text/javascript">
102102
InitializeGUI();
103103
</script>

0 commit comments

Comments
 (0)
Please sign in to comment.