-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpgnview.html
123 lines (115 loc) · 6.1 KB
/
pgnview.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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="nl">
<head>
<title>PGN Viewer</title>
<meta name="Author" content="M.N. de Booij" />
<meta name="Content" content="PGN Viewer" />
<meta name="Keywords" content="chess, pgn" />
<meta name="Robots" content="index, follow" />
<meta name="Title" content="PGN Viewer" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="all" href="../common/css/bootstrap.min.css" />
<link rel="stylesheet" href="PGNViewer.css" />
<script src="../common/js/jquery.min.js"></script>
<script src="../common/js/popper.min.js"></script>
<script src="../common/js/bootstrap.min.js"></script>
<script src="../common/js/jquery.dataTables.min.js"></script>
<script src="../common/js/dataTables.bootstrap.js"></script>
<script src="PGNViewer.js" type="application/javascript"></script>
<script src="PGNTabel.js" type="application/javascript"></script>
</head>
<body onload="pgnviewer();">
<div class="container uitslagen">
<div class="header col-md-offset-2">
<h1>PGN Viewer</h1>
</div>
<div class="row">
<div class="col-md-12 col-lg-10 col-xl-9">
<div id="viewer">
<div id="board">
<div id="buitenrand">
<div id="witOnder">
<div class="nummers">
<span>8</span><span>7</span><span>6</span><span>5</span>
<span>4</span><span>3</span><span>2</span><span>1</span>
</div>
<div class="letters">
<span>A</span><span>B</span><span>C</span><span>D</span>
<span>E</span><span>F</span><span>G</span><span>H</span>
</div>
</div>
<div id="zwartOnder">
<div class="nummers">
<span>1</span><span>2</span><span>3</span><span>4</span>
<span>5</span><span>6</span><span>7</span><span>8</span>
</div>
<div class="letters">
<span>H</span><span>G</span><span>F</span><span>E</span>
<span>D</span><span>C</span><span>B</span><span>A</span>
</div>
</div>
<div id="spelers">
<span>⚪ </span><span id="wit">n</span><br />
<span>⚫ </span><span id="zwart">n</span>
</div>
<span id="laatsteHalveZet">n</span>
<div id="knoppen">
<div id="eerste"><img src="../common/images/go-first.png" /></div>
<div id="vorige"><img src="../common/images/go-previous.png" /></div>
<div id="volgende"><img src="../common/images/go-next.png" /></div>
<div id="laatste"><img src="../common/images/go-last.png" /></div>
<div id="draaibord"><img src="../common/images/view-refresh.png" /></div>
</div>
<div id="rooster">
<div id="a8" class="wit"></div><div id="b8" class="zwart"></div><div id="c8" class="wit"></div><div id="d8" class="zwart"></div>
<div id="e8" class="wit"></div><div id="f8" class="zwart"></div><div id="g8" class="wit"></div><div id="h8" class="zwart"></div>
<div id="a7" class="zwart"></div><div id="b7" class="wit"></div><div id="c7" class="zwart"></div><div id="d7" class="wit"></div>
<div id="e7" class="zwart"></div><div id="f7" class="wit"></div><div id="g7" class="zwart"></div><div id="h7" class="wit"></div>
<div id="a6" class="wit"></div><div id="b6" class="zwart"></div><div id="c6" class="wit"></div><div id="d6" class="zwart"></div>
<div id="e6" class="wit"></div><div id="f6" class="zwart"></div><div id="g6" class="wit"></div><div id="h6" class="zwart"></div>
<div id="a5" class="zwart"></div><div id="b5" class="wit"></div><div id="c5" class="zwart"></div><div id="d5" class="wit"></div>
<div id="e5" class="zwart"></div><div id="f5" class="wit"></div><div id="g5" class="zwart"></div><div id="h5" class="wit"></div>
<div id="a4" class="wit"></div><div id="b4" class="zwart"></div><div id="c4" class="wit"></div><div id="d4" class="zwart"></div>
<div id="e4" class="wit"></div><div id="f4" class="zwart"></div><div id="g4" class="wit"></div><div id="h4" class="zwart"></div>
<div id="a3" class="zwart"></div><div id="b3" class="wit"></div><div id="c3" class="zwart"></div><div id="d3" class="wit"></div>
<div id="e3" class="zwart"></div><div id="f3" class="wit"></div><div id="g3" class="zwart"></div><div id="h3" class="wit"></div>
<div id="a2" class="wit"></div><div id="b2" class="zwart"></div><div id="c2" class="wit"></div><div id="d2" class="zwart"></div>
<div id="e2" class="wit"></div><div id="f2" class="zwart"></div><div id="g2" class="wit"></div><div id="h2" class="zwart"></div>
<div id="a1" class="zwart"></div><div id="b1" class="wit"></div><div id="c1" class="zwart"></div><div id="d1" class="wit"></div>
<div id="e1" class="zwart"></div><div id="f1" class="wit"></div><div id="g1" class="zwart"></div><div id="h1" class="wit"></div>
</div>
<div id="binnenrand"></div>
</div>
</div>
<div id="partijinfo_wrapper">
<div id="hoofding"></div>
<div id="partijinfo">
<span class="kies">
</span>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-12 col-lg-10 col-xl-9">
<table id="partijenTab" class="table table-sm"></table>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
window.onresize = function () {
setResizer();
}
});
function setResizer() {
berekenCoordinaten();
tekenStelling();
vergelijkSchermgrootte();
}
</script>
</body>
</html>