260 lines
14 KiB
HTML
260 lines
14 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
|
|
<!--
|
|
pgn4web javascript chessboard
|
|
copyright (C) 2009-2014 Paolo Casaschi
|
|
see README file and http://pgn4web.casaschi.net
|
|
for credits, license and more details
|
|
-->
|
|
|
|
<head>
|
|
|
|
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
|
|
|
<title>pgn4web demo site</title>
|
|
|
|
<style type="text/css">
|
|
|
|
html, body { margin: 0px; padding: 0px; }
|
|
|
|
body
|
|
{ color: black; background: white; font-family: sans-serif; padding: 1.75em; padding-bottom: 4em; overflow-x: hidden; }
|
|
|
|
a
|
|
{ color: black; text-decoration: none; }
|
|
|
|
.linkhead,
|
|
a.linklist,
|
|
a.linkselected
|
|
{ font-size: 80%; color: black; text-decoration: none; word-spacing: normal; white-space: nowrap; }
|
|
|
|
a.linkhead:hover,
|
|
a.linklist:hover,
|
|
a.linkselected
|
|
{ color: red; }
|
|
|
|
</style>
|
|
|
|
<link rel="shortcut icon" href="pawn.ico" />
|
|
|
|
<script type="text/javascript">
|
|
"use strict";
|
|
|
|
function gup(name) {
|
|
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
|
|
var regexS = "[\\?&]"+name+"=([^&#]*)";
|
|
regexS = regexS+"(?!.*"+regexS+")"; // matches the LAST occurrence
|
|
var regex = new RegExp( regexS, "i" );
|
|
var results = regex.exec( window.location.href );
|
|
if (results === null) { return ""; }
|
|
else { return decodeURIComponent(results[1]); }
|
|
}
|
|
|
|
var pgn4webTestWin = null;
|
|
function openPgn4webTest(url) {
|
|
if (pgn4webTestWin && !pgn4webTestWin.closed) { pgn4webTestWin.close(); }
|
|
pgn4webTestWin = window.open(url, "pgn4webTest");
|
|
if (window.focus) { pgn4webTestWin.focus(); }
|
|
return false;
|
|
}
|
|
|
|
</script>
|
|
|
|
</head><body>
|
|
|
|
<h1 style="margin-top:0px; padding-top:0px; text-align:right;">
|
|
<span style="float:left; color:red;">
|
|
pgn4web demo site
|
|
</span>
|
|
<a href="." onfocus="this.blur();" style="width:49px; height:29px; background:url(pawns.png) -47px -15px; vertical-align:baseline; display:inline-block;"></a>
|
|
</h1>
|
|
|
|
<div style="height:1em;"></div>
|
|
|
|
<table style="font-size: 100%; font-weight: bold; text-align: left; line-height: 1.5em; word-spacing: 1em">
|
|
<tbody><tr valign="top"><td>
|
|
|
|
<a class="linkhead" style="font-weight: normal; white-space: nowrap; margin-right: 1em;" href="http://pgn4web-test.casaschi.net" onclick="return openPgn4webTest(this.href);">platform integration tests:</a>
|
|
|
|
</td><td>
|
|
|
|
<a class="linklist" href="http://pgn4web-test.casaschi.net/blogger/" onclick="return openPgn4webTest(this.href);">blogger</a>
|
|
<a class="linklist" href="http://pgn4web-test.casaschi.net/drupal/" onclick="return openPgn4webTest(this.href);">drupal</a>
|
|
<a class="linklist" href="http://pgn4web-test.casaschi.net/googlesites/" onclick="return openPgn4webTest(this.href);">google sites</a>
|
|
<a class="linklist" href="http://pgn4web-test.casaschi.net/joomla/" onclick="return openPgn4webTest(this.href);">joomla</a>
|
|
<a class="linklist" href="http://pgn4web-test.casaschi.net/mediawiki/" onclick="return openPgn4webTest(this.href);">mediawiki</a>
|
|
<a class="linklist" href="http://pgn4web-test.casaschi.net/phpbb/" onclick="return openPgn4webTest(this.href);">phpbb</a>
|
|
<a class="linklist" href="http://pgn4web-test.casaschi.net/simplemachines/" onclick="return openPgn4webTest(this.href);">simplemachines</a>
|
|
<a class="linklist" href="http://pgn4web-test.casaschi.net/wordpress/" onclick="return openPgn4webTest(this.href);">wordpress.org</a>
|
|
|
|
</td></tr></tbody></table>
|
|
|
|
<table style="font-size: 100%; font-weight: bold; text-align: left; line-height: 1.5em; word-spacing: 1em">
|
|
<tbody><tr valign="top"><td>
|
|
|
|
<span class="linkhead" style="font-weight: normal; margin-right: 1em;">html demos:</span>
|
|
|
|
</td><td>
|
|
|
|
<a class="linklist" id="chess960" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="chess960wch06.html">chess960</a>
|
|
|
|
<a class="linklist" id="debug" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="board.html?am=l&d=3000&ss=36&ps=d&pf=d&lcs=YeiP&dcs=Qcij&bbcs=D91v&bscs=Lb2$&hm=n&hcs=Udiz&bd=h&hd=j&md=f&tm=0&fhcs=$$$$&fhs=16&fmcs=$$$$&fccs=v71$&hmcs=Qcij&fms=16&fcs=m&cd=n&bcs=____&fp=18&hl=t&fh=330&fw=660&pe=520$A_e0G3vgZt82XAeAsL4AVvs$ZZaxf5uL5kaKo0IxBHl3M0dgK1LKQNH3ueKCLtwmVLpw7HXh3HKeSvNFrlZqMzg9Pjt7_uIutuqw_BN_OTC_N9o0F0Plt7Z84KDu3avM0_4CxgW7yVPou8veUoK33Q4ca4zKUTcnz1eOM7HX5uqyZt2l8$ZZaxf5uL5kaKo0IxBHl3M0dgK3qPHaYrG06OWUX6DkZH5Dhae3waaOYTbFC4KBXo3hI46xeSWmSCRTuUHKXZ8_XxBfpvs4CxexgqV6M1TbfuMoTztN7ZI5mNn2Zl3M4ca4zKUTcnz1eOM7OEnp6YCLokd$OZ$NEsW7cHjQzHVl5viUkGcvUEkXRqIRWrOsJSqnqHqdcHmBcC5QVYtK5KmGOqDLiDfSn6XmdwRqftwh31BHl4ZJkvyUYXZ2P9_l2j84CxfAAUZX5kixSOtbx8lxyM6WYGWOWreXRmZu3_Zgi7cfdxOM6M7IY2Twr57eTHXheo3ulyaUb0_$0">debug</a>
|
|
|
|
<a class="linklist" id="huebner" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="analysis.html?ig=3&iv=3&ih=32&pd=chess-informant-sample.pgn">huebner</a>
|
|
|
|
<a class="linklist" id="kk" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="mini.html">kk</a>
|
|
|
|
<a class="linklist" id="kramnik" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="board.html?am=n&d=3000&ih=18&ss=50&ps=d&pf=d&lcs=_XNo&dcs=O8AB&bbcs=r4fT&hm=b&hcs=r4fT&bd=s&cbcs=YeiP&ctcs=$$$$&hd=j&md=f&tm=25&fhcs=$$$$&fhs=23&fmcs=$$$$&fccs=v71$&hmcs=_XNo&fms=19&fcs=m&cd=i&bcs=____&fp=0&hl=t&fh=b&fw=p&pd=demoGames.pgn">kramnik</a>
|
|
|
|
<a class="linklist" id="london" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="lon09r5.html">london</a>
|
|
|
|
<a class="linklist" id="morphy" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="widget.html">morphy</a>
|
|
|
|
<a class="linklist" id="pgn_collection" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="collection-example.html">pgn collection</a>
|
|
|
|
<a class="linklist" id="pgn_form" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="inputform.html">pgn form</a>
|
|
|
|
<a class="linklist" id="puzzles" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="tactics.html">puzzles</a>
|
|
|
|
<a class="linklist" id="reykjavik" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href='board.html?am=g&d=1000&ss=50&ps=40&pf=u&lcs=Ut65&dcs=ObJH&bbcs=$$$$&hm=b&hcs=__X$&bd=h&hd=c&md=f&tm=50&fhcs=$$$$&fhs=16&fmcs=$$$$&fccs=_L$$&hmcs=__X$&fms=14&fcs=m&cd=i&bcs=____&fp=10&hl=f&fh=1000&fw=609&pe=1227$zlax9RvmYXZNS4XYTucLSNGYTbS4coab2l8$JzaLr6WMr52wilheKl8$y2xz1BHASUtGJ05n9pNmXX5Hh0oyuOYZ64Tef4XZ2eMilh1NYfdvls2eVe3u0Vd_c3ul4coaE6V_9P1je54cnHb11nvoaz7$ij2qQ2$gK3qU5$fbzN3ZgD30jM$Om7T1$BBf3BjH90$OlPfJeaDr02O7YF0L7YxcQ8F29$yshpvqS7bn3ayNV0FpvN$fVg3dzrl5n10xnvoFKHfq$71GW32kYx2p06h5voGz5T1$IDyR7bj1$zYfYN2d$v8W308pwnnr13Xf3iz7j0$RXf4i37b16sDwSoj7f1dZRpdE3rw2$fAx$IVw5$fcijdPrl7P16pbvC7gL3me7vqoj790$RRgij7r0$OlDsEN32vfcKzdQSN59$vAsXv9I5a5502kpbwazbf13YfYkejbn13FEVwajbL1$zRgrzk2c$vnBKP2k8F5r0$khpwGhMwf7VzpdKdfML308ryO7nd06jHgU3nj04bf4lB7Ln3q9vatDLv3m8HyKBuAB5$xy7VYUNbn06mHfijnP1dK4uDJ8Nbr06h4uDJSNb4$yIhpyIpb_gwL3m87yI3uAB0L7J7paFW9yhv7VhJYuDJENc506sX_grPk5z$yJNKPmtU5B$yElPgRJPgG$7JGI3cnlpP16HgrQFcr02RDExc4$yKyfCkWjpr01u7tM5wL7i9wUzrj0$g1DVBU1Owvf3zU2N7Tv3mjg4QdgMv7WHPcb_gO$7JDN6yoDW6c$yImygsKjrT1aBzfAwoLD3sRqY4MbgML3sDpaIHyvT3sRqY4M3fjD1dPc1i79b1$FpyIjND9f1dQExdW9l4b06hn_grzp1H$vat7hg0uRt2eTDXgZ_pZXZS$_2qi8p9tkwDzq2eRZmxXir0AnaSNYY$_7P_2l81OUY2lmNr0ZmKWfPmD29KNeG0AjTY2XbeBZg7u3h7Z7Gfz6fNJfojz8eK2TCZxSPtwJBGvuzpwGWOWra$ZWCPjmKWu2TcBUcLeLQCDaSNYY4We2gKQKgUmr4WUtZwJZ7zgXglw6U_fDtb0'>reykjavik</a>
|
|
|
|
<a class="linklist" id="tallinn_live_dynamic" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="dynamic-frame.html?pgnData=demoLiveGames.pgn&refreshMinutes=0.25&refreshDemo=true&initialGame=vovk&showColorFlag=true&pieceFont=random&colorTheme=blue">tallinn live dynamic</a>
|
|
|
|
<a class="linklist" id="tallinn_live_mosaic" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="live-mosaic-viewer.html?pgnData=demoLiveGames.pgn&refreshMinutes=0.25&refreshDemo=true&demoPly=0,1,2,3&maxBoards=4&barePadding=40px">tallinn live mosaic</a>
|
|
|
|
<a class="linklist" id="tallinn_live_widget" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="board.html?am=n&d=1000&ig=vovk&ih=e&ss=36&ps=d&pf=d&lcs=Wtyk&dcs=OXJO&bbcs=OXJO&hm=b&hcs=C8B5&bd=c&cbcs=UJ2e&ctcs=nkYj&hd=l&md=h&tm=0&fhcs=nkYi&fhs=18&fmcs=nkYi&fccs=DoRa&hmcs=ZbNv&fms=18&fcs=m&cd=h&bcs=Wtyk&fp=18&hl=f&fh=515&fw=b&pd=demoLiveGames.pgn&rm=0.25&rd=t">tallinn live widget</a>
|
|
|
|
<a class="linklist" id="tilburg_live" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="live-compact.html?pgnData=tilb98r2.pgn&initialGame=2&refreshMinutes=0.25&refreshDemo=true">tilburg live</a>
|
|
|
|
<a class="linklist" id="tilburg_replay" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="tilb98r2.html">tilburg replay</a>
|
|
|
|
<a class="linklist" id="twic" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="twic944.html">twic</a>
|
|
|
|
<a class="linklist" id="youtube" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="video.html?youtubeVideoid=rquK2U23WMU&videoWidth=480&videoHeight=270&videoLoop=true">youtube</a>
|
|
|
|
<!-- ogg file backed up on the pgn4web wiki: http://pgn4web.googlecode.com/svn/wiki/video/KrushKosteniuk2010.ogv -->
|
|
<a class="linklist" id="video" target="pgnframe" onclick="return select_frame(this.id);" onfocus="this.blur();" href="video.html?pgnData=KrushKosteniuk2010.pgn&videoUrl=http://go.casaschi.net/pgn4web-demo-video-ogg-file&videoWidth=480&videoHeight=270&videoLoop=true">video</a>
|
|
|
|
</td></tr></tbody></table>
|
|
|
|
<div> </div>
|
|
<div style="text-align:center;"><a href="#top" onfocus="this.blur();" style="display:inline-block; width:20%;"> </a><span style="display:inline-block; width:20%;"></span><a name="demo" href="#demo" onfocus="this.blur();" style="display:inline-block; width:20%;"> </a></div>
|
|
|
|
<p></p>
|
|
<center>
|
|
<iframe id="pgnframe" name="pgnframe" frameborder='0' height="2000" width="100%" scrolling="no" marginheight="0" marginwidth="0">your browser does not support the required iframe functionality</iframe>
|
|
</center>
|
|
|
|
<script type="text/javascript">
|
|
"use strict";
|
|
|
|
var selected_object = null;
|
|
function select_frame(new_frame) {
|
|
|
|
var new_object = document.getElementById(new_frame);
|
|
if (new_object !== null) {
|
|
|
|
if (selected_object !== null) {
|
|
if (new_object == selected_object) { return false; }
|
|
selected_object.className = "linklist";
|
|
}
|
|
selected_object = new_object;
|
|
frames['pgnframe'].location.href = selected_object.href;
|
|
|
|
var new_frame_width = "100%";
|
|
var new_frame_height = "1000px";
|
|
var new_frame_border = "";
|
|
var new_frame_borderRadius = "";
|
|
var new_frame_boxShadow = "";
|
|
|
|
switch (new_frame) {
|
|
case "huebner":
|
|
new_frame_height = "664px";
|
|
break;
|
|
case "kramnik":
|
|
new_frame_height = "556px";
|
|
break;
|
|
case "kk":
|
|
new_frame_height = "450px";
|
|
break;
|
|
case "pgn_collection":
|
|
new_frame_height = "2000px";
|
|
break;
|
|
case "pgn_form":
|
|
new_frame_width = "753px";
|
|
break;
|
|
case "puzzles":
|
|
new_frame_width = "508px";
|
|
new_frame_height = "246px";
|
|
new_frame_border = "solid 50px transparent";
|
|
new_frame_borderRadius = "3px";
|
|
new_frame_boxShadow = "0px 0px 15px #C9AD6F";
|
|
break;
|
|
case "tallinn_live_dynamic":
|
|
if (Math.random() > 0.33) {
|
|
new_frame_width = "800px";
|
|
new_frame_height = "400px";
|
|
} else {
|
|
new_frame_width = "333px";
|
|
new_frame_height = "592px";
|
|
}
|
|
new_frame_border = "double 8px #80B0E0";
|
|
new_frame_borderRadius = "4px";
|
|
new_frame_boxShadow = "0px 0px 10px #80B0E0";
|
|
break;
|
|
case "tallinn_live_mosaic":
|
|
new_frame_width = "672px"; // ((256 + 40) * 2) + 40 * 2
|
|
new_frame_height = "747px"; // ((306 + 20) * 2 + 15) + 40 * 2
|
|
new_frame_boxShadow = "0px 0px 10px #E4E4E4";
|
|
break;
|
|
case "tallinn_live_widget":
|
|
new_frame_height = "515px";
|
|
new_frame_width = "330px";
|
|
new_frame_border = "solid 10px #EDE8D5";
|
|
new_frame_borderRadius = "10px";
|
|
new_frame_boxShadow = "0px 0px 20px #663300";
|
|
break;
|
|
case "tilburg_live":
|
|
new_frame_width = "480px";
|
|
new_frame_height = "360px";
|
|
new_frame_border = "solid 30px #EDE8D5";
|
|
new_frame_borderRadius = "15px";
|
|
new_frame_boxShadow = "0px 0px 20px #663300";
|
|
break;
|
|
case "twic":
|
|
new_frame_height = "1200px";
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
document.getElementById("pgnframe").width = new_frame_width;
|
|
document.getElementById("pgnframe").height = new_frame_height;
|
|
document.getElementById("pgnframe").style.border = new_frame_border;
|
|
document.getElementById("pgnframe").style.borderRadius = new_frame_borderRadius;
|
|
document.getElementById("pgnframe").style.boxShadow = new_frame_boxShadow;
|
|
|
|
selected_object.className = "linkselected";
|
|
|
|
} else {
|
|
select_frame("kk");
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function random_frame() {
|
|
var random_selection = ["chess960", "chess960", "huebner", "huebner", "kramnik", "kramnik", "kk", "kk", "kk", "kk", "kk", "london", "london", "morphy", "morphy", "puzzles", "puzzles", "tallinn_live_dynamic", "tallinn_live_dynamic", "tallinn_live_dynamic", "tallinn_live_mosaic", "tallinn_live_mosaic", "tallinn_live_mosaic", "tallinn_live_widget", "tilburg_replay", "tilburg_replay", "tilburg_live", "video", "youtube", "youtube"];
|
|
return random_selection[Math.floor(random_selection.length * Math.random())];
|
|
}
|
|
|
|
var initial_frame = gup("frame");
|
|
if (initial_frame === "") { initial_frame = "random"; }
|
|
if (initial_frame == "random") { initial_frame = random_frame(); }
|
|
select_frame(initial_frame);
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|