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> <span class="label">variations:</span> <span id="GameLastVariations"></span> 89<br> 90<span class="label">Next move:</span> <span id="GameNextMove"></span> <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