Interactive JavaScript Chess Diagram

Instructions

The purpose of this JavaScript program is to create a chess board diagram by using EPD (Extended Position Description) or FEN (Forsyth-Edwards Notation) strings entered or copied into the text box or by clicking on the pieces and chess squares to build your own positions.
Those with ongoing games on my chess page can copy and paste the FEN string to recreate the board here then work out potential moves by moving pieces on the board.

Creating a Diagram from an EDP or FEN String
Enter the EPD or FEN string into the text field, either by typing in the string manually or by pasting the string from my Chess page or another source. Click on the "Set Board" button and the current position will be displayed.

Creating a Diagram Without an EDP or FEN
Just click on a piece to the left or right of the board and then click the square on which you want to position the piece. If you want to move a positioned piece on another square, first click on the piece and then click on the new location. You can delete a positioned piece by clicking two times on the piece.
Each time you change the board, the EPD string will be automatically updated.

Further Options
In the "Select further options" drop down menu, you can select one of the following commands:

  • Clear Board to remove all pieces from the board.
  • Initial Position to create the starting game position on the board.
  • Create HTML Table creates the HTML source code for the position shown in the diagram. You can copy the code into your own application.
  • Validate Position does some simple checks to determine whether the position might be valid or not.

This page created
February 6, 2006.
David W. Fairlie


Borders inspired by
Web Design Studo

A note about the Title Font.

Visitors since
August 30 th, 1999


Free counters provided by Andale.

email.gif