LT-PGN-VIEWER DEMO
This demo shows how you can use the LT-PGN-VIEWER for your own web projects:
You can write the game comment or any other text on the html page in the right frame and show the chess diagram in the left frame.
The chess diagram can be generated by a few JavaScript commands in your HTML page, similar to this:
<script language="JavaScript">
parent.frames[0].SetPgnMoveText('1. e4 g6 2. d4 d6 3. c4 Nd7 4. Nc3 e5 ....');
parent.frames[0].Init('');
parent.frames[0].MoveForward(54);
</script>
You can also provide a selection of games, for example like this:
My recent chess games:
For the advanced user:
If you want to show a chess problem or you have a game starting from a certain position you can use the FEN notation similar to this:
<script language="JavaScript">
parent.frames[0].SetPgnMoveText('1. .. Qa1+ 2. Kg2 Qxa3 3. Rc2 Qb4 ....');
parent.frames[0].Init(FEN notation);
</script>
For the non-english speaking users there's a possibility to use a SAN notation in your own language, by using the JavaScript command
parent.frames[0].ApplySAN(your SAN);:
You can even use the script as a pure engine without graphical interface to generate the FEN notation at a certain position in a game by using code similar to this:
<script language="JavaScript" src="ltpgnviewer.js"></script>
<script language="JavaScript">
SetPgnMoveText('1. e4 g6 2. d4 d6 3. c4 Nd7 4. Nc3 e5 ....');
Init('');
MoveForward(54);
var myFEN=GetFEN();
</script>
You can also rotate the board and allow the recording of moves via mouse click on the board
by using code similar to this:
<script language="JavaScript">
parent.frames[0].RotateBoard(true);
parent.frames[0].AllowRecording(true);
</script>