1<!DOCTYPE HTML>
2<html>
3
4<!--
5  pgn4web javascript chessboard
6  copyright (C) 2009-2015 Paolo Casaschi
7  see README file and http://pgn4web.casaschi.net
8  for credits, license and more details
9-->
10
11<head>
12
13<title>pgn4web template</title>
14
15<link href="template.css" type="text/css" rel="stylesheet" />
16
17<link rel="icon" sizes="16x16" href="pawn.ico" />
18
19<script src="pgn4web.js" type="text/javascript"></script>
20<script src="fonts/chess-informant-NAG-symbols.js" type="text/javascript"></script>
21<script src="engine.js" type="text/javascript"></script>
22
23<script type="text/javascript">
24if (location.search == "?alternative") { document.write('<script src="chess-informant-NAG-symbols-alternative.js" type="text/javascript"><\/script>'); }
25</script>
26
27<script type="text/javascript">
28   "use strict";
29
30   SetPgnUrl("chess-informant-sample.pgn"); // if set, this has precedence over the inline PGN in the HTML file
31// SetImagePath("images");
32// SetImageType("png");
33// SetHighlightOption(true); // true or false
34// SetGameSelectorOptions(null, false, 0, 0, 0, 15, 15, 0, 10); // (head, num, chEvent, chSite, chRound, chWhite, chBlack, chResult, chDate);
35   SetCommentsIntoMoveText(true);
36   SetCommentsOnSeparateLines(false);
37// SetAutoplayDelay(1000); // milliseconds
38// SetAutostartAutoplay(false);
39// SetAutoplayNextGame(false); // if set, move to the next game at the end of the current game during autoplay
40   SetInitialGame(3); // number of game to be shown at load, from 1 (default); values (keep the quotes) of "first", "last", "random" are accepted; other string values assumed as PGN search string
41   SetInitialVariation(3); // halfmove number to be shown at load, 0 (default) for main variation
42   SetInitialHalfmove(32,false); // halfmove number to be shown at load, 0 (default) for start position; values (keep the quotes) of "start", "end", "random", "comment" (go to first comment or variation), "variation" (go to the first variation) are also accepted. Second parameter if true applies the setting to every selected game instead of startup only
43   SetShortcutKeysEnabled(true);
44
45</script>
46
47</head>
48
49<body>
50
51<!-- paste your PGN below and make sure you dont specify an external source with SetPgnUrl() -->
52<form style="display: none;"><textarea style="display: none;" id="pgnText">
53
54</textarea></form>
55<!-- paste your PGN above and make sure you dont specify an external source with SetPgnUrl() -->
56
57<h1 style="margin-top:0px; padding-top:0px;">Chess Informant symbols example</h1>
58
59<table cellpadding=0 cellspacing=0 border=0>
60<tr valign=top>
61
62<td width=380>
63<div id="GameSelector"></div>
64<div id="GameSearch"></div>
65<p></p>
66<div id="GameBoard"></div>
67<p></p>
68<div id="GameButtons"></div>
69</td>
70
71<td>
72<span class="label">Event:</span> <span id="GameEvent"></span>
73<br>
74<span class="label">Site:</span> <span id="GameSite"></span>
75<br>
76<span class="label">Round:</span> <span id="GameRound"></span>
77<br>
78<span class="label">Date:</span> <span id="GameDate"></span>
79<p></p>
80<span class="label">White:</span> <span id="GameWhite"></span>
81<br>
82<span class="label">Black:</span> <span id="GameBlack"></span>
83<br>
84<span class="label">Result:</span> <span id="GameResult"></span>
85<p>
86<span class="label">Side to move:</span> <span id="GameSideToMove"></span>
87<br>
88<span class="label">Last move:</span> <span id="GameLastMove"></span>&nbsp; <span class="label">variations:</span> <span id="GameLastVariations"></span>
89<br>
90<span class="label">Next move:</span> <span id="GameNextMove"></span>&nbsp; <span class="label">variations:</span> <span id="GameNextVariations"></span>
91<p></p>
92<span class="label">Move comment:</span><br><span id="GameLastComment"></span>
93</td>
94
95</tr>
96</table>
97
98<p></p>
99<hr>
100
101<div style="text-align: justify;" id="GameText"></div>
102
103</body>
104
105</html>
106