New on DHTMLGoodies.com:
DHTML Chess is now available for WordPress at WordPressChess.com.
DHTML Chess
The New DHTML Chess
January, 12th, 2017, The work on the chess software found on this page has been discontinued and replaced with the new DHTML Chess 3 found on dhtmlchess.com. The new DHTML Chess has been build from scratch. It can be downloaded from dhtml-chess.com/download.php
The New DHTML Chess software is also Mobile friendly.
Here are some demos:
DHTML Chess 3 - Tactic Trainer.
DHTML Chess 3 - Play Against Javascript Chess Engine.
DHTML Chess 3 - Example of Tactics Trainer embedded on a Web Page.
DHTML Chess 3 - Full Screen View PGN Viewer.
Security bugfix, August 28th, 2013
dhtml-chess.zip has today been updated with a security bugfix for the PGN Parser. The fix validates PGN file path before parsing it. We recommend that you update PgnParser.php with the latest version in the zip file.
Demos
These demos illustrates different ways to configure the DHTML Chess script.
Game viewers/Relay of live games:
- Chess board created with PHP class chess-board.class.php(New)
- PGN Viewer - smaller board (New)
- Chess PGN viewer
- Chess PGN viewer - Mahogny and maple
- Chess PGN viewer - Valnut and maple
- Chess PGN viewer - Lighter Valnut and maple
- Article with a chess widget. ("The immortal game").
- Chess PGN viewer. (Different layout, no sound and no animation)
- Chess PGN viewer. (Different layout)
- Chess PGN viewer. (Different layout)
- Chess PGN viewer. (Different layout)
- Live coverage. (Template file)
- Live coverage. (Template file 2)
Tactic training/Opening training
- Tactic training 1001 brilliant checkmates (New)
- Opening training. Drag and drop opening moves.
- Opening training. (Different layout)
- Tactic training. Find the correct moves. 1001 brilliant checkmates
- Tactic training/Chess puzzles. (Different layout)
- Tactic training/Chess puzzles. (Different layout). 1001 brilliant sacrifices and combinations
- Tactic training/Chess puzzles. (Different layout)
Licensing
This script is distributed under the LGPL open source license.
Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year.
The LGPL license does NOT apply to the image files(chess pieces, boards etc). You are free to use the images with DHTML Chess, but for other purposes, you need to contact post [at] dhtmlgoodies.com to obtain/purchase a special license (Price: USD119).
Download
- dhtml-chess.zip (4.5 mb - Updated, January 2nd, 2012)
Files in package:
- js/chess.js - Main javascript file for the widget
- js/external/* - Mootools JS library
- js/scrolltable.js - Simple javascript file used to create table with fixed header.
- images/ - Main image folders for the chess pieces.
- demo-images/ - Images used in the demos. Board backgrounds etc.
- game_cache/ - Empty folder used by the php script save json data.
- pgn/ - Collection of sample pgn files.
- css/ - chess.css which is the main css file and css files used by the demos.
- /chess.php - chess.js contacts this file via Ajax requests.
- /PgnParser.class.php - PHP class used to convert pgn files to JSON format.
- /DGT-game-parser.class.php - PHP class used to convert data from DGT Boards (Used to relay live games - see below)
- /chess-board.class.php - PHP class used to display a chess board. (If you don't like to work with Javascript)
- /ChessConfig.php - PHP configuration variables.
Version 2.0 - May 2011
The major changes in version 2.0 are:
- Cleaner pgn parser
- Using Mootools instead of SACK for Ajax Requests
- Callbacks has been replaced with cleaner event handling while preserving backward compability
- Cleaner configuration
- Smoother animations
- Extended support for live relay of games.
Key features
- Displaying pgn files stored on the server.
- Drag and drop capabilities which is useful for training.
- Support for "live" broadcast.
- Support for different chess sets.
- Support for 5 different size of chess boards.
- Pgn to JSON converter. (PHP class)
General info
This script requires php support on the server. chess.js contacts a php script which again contacts a PHP pgn to json converter.
This php class converts portable game notation files(.pgn) to json(Javascript Object notation) which is sent back to the script.
This is illustrated in the figure below:
DHTML Chess Constructor.
The constructor of DHTML Chess supports a config object. The values of this config object determines most of the appearance and behaviour of DHTML Chess
Code example:
var chessObj = new DG.Chess({
behaviour : {
animationTime : 0.5,
examine : 1,
autoplay : {
delay : 1,
delayBeforeComments : 1,
stopBeforeComments : true
}
},
listeners : {
'loadgame' : showDetails,
'newpgn' : showGames
},
pgnFile:'pgn/mating-patterns-1.pgn',
layout : {
chessSet : 'alphapale',
squareSize : 60,
bgImageDarkSquares:'demo-images/piece_bg_60_dark5.png',
bgImageLightSquares:'demo-images/piece_bg_60_light.png'
},
serverFile:'chess.php',
els : {
parent : 'board',
movesInGame : 'divMoves',
playerNames : 'players',
currentMove : 'activeMove',
gameAttributes: {
round:'details_round',
white:'details_white',
black:'details_black',
event:'details_event',
result:'details_result',
WhiteElo:'details_white_elo',
BlackElo:'details_black_elo',
date:'details_date'
}
}
});
Config object
The config object sent to the constructor are divided into 4 main categories/objects:
1) layout
layout is an optional object which you can use to configure the appearance of the chess widget. This object supports these paramters:
- chessSet: Which chess pieces to use. Possible values: alpha,alphapale,smart,cases,leipzig,merida,motif and traveler. You can also change chess pieces at run time by calling the setChessSet method.(Optional)
- squareSize: Size of squares on the board. Possible values: 30, 45, 60, 75 and 90
- colorLightSquares: Background color of light squares
- colorDarkSquares: Background color of dark squares. The color values will not be displayed if background images are specified(see below)
- bgImageLightSquares: Path to background image(s) for the light squares. String if only one item, an array in case you want to alternate between different images.
- bgImageDarkSquares: Path to background image(s) for the dark squares. String if only one item, an array in case you want to alternate between different images.
- cssPath: Alternative path to folder for the css. Default = 'css/chess.css'
- imageFolder: Alternative path to folder for the images. Default = 'images/'
- boardLabels Boolean ( true | false) to display board labels (A-H, 1-8)
- displayPrefaceComments Boolean (true | false). True to display preface comments(comments before the first move). default = true. (Optional)
2) els
els is an object where you put references to HTML/DOM elements on your web page. Here, you can specify where on the page you want insert the DHTML Chess widget. You can also specify which elements you want to update with text from the chess games loaded from the server.
Supported els attributes:
- parent: Reference to parent element(id<string> or direct reference) of chess widget. DHTML Chess will insert the board as a child of this element
- movesInGame: A list of the moves in the game will be inserted inside this element. (Optional)
- movesInGameTableFormat: Reference to If you want to show the moves in table format. (Optional)
- playerNames: Where to show name of players(Format: "Name of white vs. Name of black").(Optional
- currentMove: The last played move will be displayed inside this element(example: 2 .. d6) (Optional)
- gameAttributes: An object where each key should match an attribute in the pgn file(example: "round" in the code example below should match a "round" attribute in the pgn file.
Code example:
...
els : {
parent : 'board',
movesInGame : 'divMoves',
playerNames : 'players',
currentMove : 'activeMove',
gameAttributes: {
round:'details_round',
white:'details_white',
black:'details_black',
event:'details_event',
result:'details_result',
WhiteElo:'details_white_elo',
BlackElo:'details_black_elo',
date:'details_date'
}
}
...
3) behaviour
- animate: Boolean true or false to activate animations (default = true) (Optional)
- animationTime: Time used for each animation in seconds (default = 0.5)
- sound: Boolean (true | false) to enable sound (default = false)
- flipBoardWhenBlackToStart: Boolean (true | false). When loading game from FEN, initially flip the board when black is first to move. (default = true)
- flipBoardWhenBlackWins: Boolean (true | false). Initially flip the board when black is the winner. (default = true)
- highlightLastMove: Boolean (true | false) to highlight the squares of last move.
- keyboardNavigation: Boolean (true|false). True to enable support for keyboard navigation, false otherwise. When enabled, you can use the arrow keys to walk through the moves of a game. Default value is true
- autoplay: Object supporting these properties: delay (int - seconds delay between each move), delayBeforeComments (int - override delay with this value when reaching a comment), stopBeforeComments (boolean - stop auto play when reaching a comment)
Code example:
var chessObj = new DG.Chess({
behaviour : {
animationTime : 0.5,
examine : 1
},
4) Other properties
- languageCode: This attribute is useful if you want to display the moves(inline or in table) in a specific language. Currently, the script supports "en"(default) and "no"(Norwegian). Example: if this attribute is set to "no", the move Qb3 will be displayed as Dd3.
- dragAndDropColor: Enables drag and drop for a specific color. Possible values: "white","black" or false. Default = false. (Optional). This can also be controlled by the setDragAndDropColor method. See the tactic demos for help.
- liveUpdateInterval: This is used when you want to broadcast live games. It specifies the number of seconds between each update request from the client to the server. Default is 0(Off). (Optional)
Listeners
DHTML Chess supports the following event listeners:
- beforeloadgame: Fired before a new game is being loaded from the server. Replaces callbackOnBeforeGameLoaded
- loadgame: Fired after a new game has been loaded from the server. Replaces callbackOnGameLoaded
- newpgn: Fired after a new pgn file has been loaded from the server. Replaces callbackOnSwitchPgn
- correctmove: When drag and drop is enabled, this event is fired when a correct move is made (According to the moves specified in the pgn file) Replaces callbackOnCorrectMove
- wrongemove: When drag and drop is enabled, this event is fired when a wrong move is made. Replaces callbackOnWrongMove
- aftermove: Fired after a move has been made on the board
- afterlastmove: Fired after the last move in the game has been made (Replaces callbackAfterLastMove)
- startautoplay: Fired when autplay is started. Replaces callbackOnStartAutoPlay
- stopautoplay: Fired when autplay is stopped. Replaces callbackOnStopAutoPlay
- liveupdate: In live relay mode, this event is fired when new data has been loaded from the server. It can be used to display data such as remaining time on the clock, comp evals etc. Replaces callbackAfterLiveUpdate
When you create your DHTML Chess Javascript object, event listeners are placed inside a "listener" object. Example
var chessObj = new DG.Chess({
autoplayDelayBeforeComments:3,
stopAutoplayBeforeComments:true,
listeners : {
'loadgame' : showDetails,
'liveupdate' : receiveLiveUpdate
},
layout : {
parent'board',
},
pgnFile:'pgn/live-games.pgn',
serverFile:'chess.php',
} );
In version 2 of DHTML Chess, event listeners replaces the old callbacks
Public methods
This is an overview of the public methods:
- showGame(gameIndex) - Show a game from selected pgn file(0 = first game)
- showRandomGame() - Displays a random game from selected pgn file
- setDragAndDropColor(color) - Specify drag and drop color. Possible values: "white","black" or false.
- setPgn(pgnFile) - Specify path to new pgn file.
- setSquareSize(squareSize) - Resize board - possible values: 30,45,60,75 and 90.
- setChessSet(chessSet) -Specify chess set. Possible values: alpha,alphapale,smart,cases,leipzig,merida,motif and traveler.
- flip() - Flips the board.
- getNextMove() - Return notation of next move to be played.
- getResult() - Return result of game.
- getPgnFile() - Return path to currently used pgn file.
- getStartColor() - Return starting color, black or white.
- setFlipBoardWhenBlackToStart() - If true, the board will be flipped automatically when a game is displayed where black starts to move(i.e. position setup).
- getCurrentGameIndex() - Return index of currently displayed game, i.e. index in pgn file(0 = first game).
- displayGameListInSelect(selectBox) - Displays list of games in pgn file inside a select box. The argument selectBox is a reference(id, name or direct reference) to a select box on your page.
- displayGameListInTable(tableReference) - Displays list of games in a HTML table. It's important that this table got a THEAD and TBODY element.
- moveToStart() - Move to the start of currently displayed game.
- moveToEnd() - Move to the end of currently displayed game.
- move(numberOfMoves) - Move forward "numberOfMoves".
- autoPlay() - Start autoplay mode.
- stopAutoPlay() - Exit autoplay mode.
- goToMove(moveNumber,color() - Go to a specific move, example 2, "black".
After you have created your chess object(example by using the example in the "live games" section below), you can call methods like this:
<a href="#" onclick="chessObj.flip();return false">Flip board</a>
<a href="#" onclick="chessObj.moveToStart();return false">To start</a>
<a href="#" onclick="chessObj.moveToEnd();return false">To End;</a>
Broadcast live games
There are two ways to relay live games from DHTML Chess, one by using a mySql database, and one without a database. If you have access to a mySql database, I strongly recommend that you go for this option as it's much easier to maintain. Below, you will find a step by step instruction to both. This scripts supports relaying of game data from remote servers, both in pgn format and in the format used by the DGT Flash chess viewer.
Live broadcast using a mySql database
Step 1: Ask for permission
If you want to relay games from a remote site, you should ask the tournament owner for:
- Permission to relay game from their site.
- Which URL they have for their games.
Step 2: Configure database variables
Open ChessConfig.php in a text editor:
define("FILE_CACHE_FOLDER","");
define("PGN_FOLDER", "pgn/");
define("CHESS_USERNAME", "chess");
define("CHESS_PASSWORD", "chess");
define("RECEIVE_LIVE_UPDATE_VALID_REFERER", "http://localhost/dhtmlgoodies/scripts/dhtml-chess/receive-live-update.php");
define("CHESS_USE_DATABASE", 1);
define("CHESS_DB_HOST", 'localhost');
define("CHESS_DB_USERNAME", 'db_username');
define("CHESS_DB_PASSWORD", 'db_password');
define("CHESS_DB_NAME", 'db_name');
Specify your own secret username and password in the field CHESS_USERNAME and CHESS_PASSWORD
Set RECEIVE_LIVE_UPDATE_VALID_REFERER to the address of receive-live-update.php on your web site. This file is in the root folder of DHTML Chess.
set CHESS_USE_DATABASE to 1 and insert your db connection values for the other attributes.
Step 3: Open configure-db.php
Open configure-db.php in your browser and append your username and password to the url, example:
http://www.dhtmlgoodies.com/scripts/dhtml-chess/configure-db.php?username=JohnDoe&password=SecretPass123
This page will create the default database setup.
Step 4: Open receive-live-update.php
Open receive-live-updates.php in your browser and append username and password to the url, example
http://www.dhtmlgoodies.com/scripts/dhtml-chess/receive-live-update.php?username=JohnDoe&password=SecretPass123
You should then see a page like this:
This is the page where you administrate relayed events. First, you will see some forms for events in progress. Below, you will find forms where you can add new events.
This is what you put into the form
- Event name: A unique name of your choice for the event to relay, example "tata-steel-chess"
- URL to relay: This is the place for the web address of the games to relay. Usually, it's the address you'll see in the address bar when you open tournament site's "live games" page.
- Hour offset: A value in this field is only needed when the game relay starts late at night and end the next morning(Because of big difference in timezone). Example: If your site has timezone GMT+1 and the tournament site GMT+5, you will put in the value 4 in this field( 5-1)
- Name of local file: This will be generated automatically from the event name. The name will be "event name + date of the relayed round", example: "tata-steel-chess-2012-01-20" for a round played the 20th of january 2012.
- Tournament start: In this field, you should type the date when the tournament starts. The date is in the format Year-Month-Day Hour:Minute:Seconds, example: 2024-04-25 04:38:48
- Tournament end: In this field, you should type the date when the tournament ends.
- Refresh interval: This is the number of seconds between each load of new game data from the tournament server. I will recommend a value of 60 or higher.
- Last build: Here, you will see when game data last time was loaded from the tournament server.
To update existing events, modify these values for the "Active relay" boxes. To create a new event, fill in the form of a "New relay" box.
You can test your configuration by clicking the "Test" button. When ready, click the "Save events" button to save.
Step 5: Configure the chess board
Open one of the demo files(example demo-php-write-chess-board.php) in a text editor/IDE. What you need to do is to set pgnFile to the name of the event, example: "tata-steel-chess". You should also specify how often your visitors should poll your server for new game updates.
Example code (demo-php-write-chess-board.php):
$chessBoard->setPgn('tata-steel-chess');
$chessBoard->setJavascript(array(
'liveupdateinterval' => 30 // 30 seconds
));
By completing these steps, your visitors should now be able to see live games on your web site.
Live broadcast without a mySql database
Step 1: Ask for permission
If you want to relay games from a remote site, you should ask the tournament owner for:
- Permission to relay game from their site.
- Which URL they have for their games.
Step 2: Configure the chess board
Use one of the demo files as a starting point for your chess board(example: pgn-viewer.html or demo-php-write-chess-board.php). Rename the file to a more convenient file name (example index.html)
Then, open the file in a text editor.
We need to set a value for two Javascript properties. The property liveUpdateInterval has to be bigger than 0(zero). 15 or 30 is usually a good choice. This is the number of seconds between each request for game updates from your visitors browser to your server.
You should also specify path to a local pgn file. Which file name to use is completely your choice. Write down the name, you will need it later on.
var chessObj = new DHTMLGoodies.Chess({
liveUpdateInterval:15, /* Update every 15 seconds, i.e. live games */
pgnFile:'pgn/pgn1.pgn',
...
...
} );
Step 3: Configure DHTML Chess for automatic game updates
Open /ChessConfig.php in a text editor and make changes to the following properties:
define("CHESS_USERNAME", "<your_username>");
define("CHESS_PASSWORD", "<your_password>");
define("RECEIVE_LIVE_UPDATE_VALID_REFERER", "<http path to your receive-live-update.php file >");
Type in your own secret username and password, and set RECEIVE_LIVE_UPDATE_VALID_REFERER to the URL of receive-live-update.php on your web site(it's located inside the root folder of DHTML Chess).
Example:
define("CHESS_USERNAME", "JohnDoe");
define("CHESS_PASSWORD", "SecretPass123");
define("RECEIVE_LIVE_UPDATE_VALID_REFERER", "http://www.dhtmlgoodies.com/scripts/dhtml-chess/receive-live-update.php");
Remember to save the file.
Step 3: Schedule Automatic updates
Open receive-live-updates.php in your browser and append username and password to the url, example
http://www.dhtmlgoodies.com/scripts/dhtml-chess/receive-live-update.php?username=JohnDoe&password=SecretPass123
You should then see a screen like this (Click on it to zoom):
This is a page for you (the admin). From here, game data could be fetched automatically from your server or from a remote tournament server. You can fetch data from up to 10 url's simultaneously. As you can see from the screenshot above, I want to receive game data from two URL's. Both are located on the domain dhtmlgoodies.com.
The first URL is for games in DGT format. Notice that I'm only refering to a folder, not a pgn file. Folders should be used when you want to relay games published in DGT format(The standard Flash widget). If you want to relay a static pgn file, the url should include the name of the pgn file (as in the second URL)
To start to retrieve game data, press the "Start" button..
If the script is successful, you will se a green "v" sign at the right side of the text boxes. This means that DHTML Chess has been able to retrieve data from the specified url's and store them in pgn files on your server.
However, a red warning icon indicates that something went wrong.
If this happens, I will strongly suggest that you open the page again in Firefox, and enables the Firebug Add-on (If not installed, find it by pressing Ctrl+Shift+A and search for Firebug)
With Firebug enabled ("bug" icon in top right corner or bottom right corner of your browser), reload the page and press the "Start" button again. In the console panel of Firebug, you should now see one or more lines in red. Expand it by clicking the "+" icon in front of it. You will then see something like this:
What we are interested in here, is the message. In this example, it says that it cannot find the remote file http://www.dhtmlgoodies.com/scripts/dhtml-chess-wrong/game1.txt.
From the message, We can see that there's something wrong with the URL or the game id's. We can continue debug by copying the url from the message and paste it directly into the address bar of my Web browser.
After a few moments, We will probably figure out that the prefix "-wrong" in the url is the culprit.
When everything is working, you should keep this page open. It will collect new game data from the URL's every 60 seconds.
If you rather like to do all this on the server, you can configure a CRON job(Time based job scheduler). Look inside receive-live-update-controller.php to get an overview of which PHP methods to execute.
The users should now be able to following live games on your web site.
JSON format
The figure below illustrates the JSON string sent to the script by the php class:
The PHP class parses pgn files and converts it into JSON format. JSON is a format which is easily read by most programming languages.
More info on json can be found at http://www.json.org.
JSON Cache
The PHP class converts pgn files to JSON. Since this requires some processing on the server, the script has a built-in cache functionality. It will try to store cached files in the folder specified in the ChessConfig.php file. It's important that PHP have write access to this folder. When the PHP script finds a cached version which is newer than the pgn file, it will send the content of this file back to the client instead of parsing the pgn file.
Q&A
Question: What do I do when the chess board isn't displayed correctly?
Answer: Make sure that you are using a strict or loose doctype. The doctype should be declared on line 1 of your html file. Examples:
Strict:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Loose:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Question: The script doesn't load game data from the server
Answer: This sounds like an Ajax problem. Please read the article in my forum for help.
Question: After upgrading the script, the board labels appears on the board instead of at the left side of the board
Answer: Add this to your css file:
/** To make the board labels appear on the left and bottom side of the board */
div.ChessBoardFrame60{
position:absolute;
top:0px;
right:0px;
}
This is the code for the board where the squares are 60x60 pixels. You may have to add ChessBoardFrame45 and ChessBoardFrame30 in case you're using different size boards.
Rate this script at Hotscripts.com
Change log
- May - June, 2011: Major refactoring of the script.
- January, 29th, 2008: Added a new chess board(walnut/maple) and implemented the keyboard shortcut Ctrl+Shift+F to flip the board
- November, 12th, 2007: CSS fix for Safari and a pgn parser bugfix
- August, 27th, 2007: Added support for keyboard events. The left and right arrow can now be used to walk through the moves of a game. You can set the keyboardSupport attribute to false in case you don't want this feature.
- August, 15th, 2007: Added support for autoplay mode also when animation has been disabled.
Yes, there was some problems with the scroll table in Firefox 4. I have created a temporary workaround for it in the new zip file, by just removing the feature with the fixed header.
I'm working on a new grid widget which I also will use in DHTML Chess, but it will take some time to finish that work.
Regarding your other problems, do you have an url where I can take a look at it.
I also recommend that you replace all short PHP tags (<?) with <?PHP in chess.php chessConfig.php and PgnParser.class.php
json_encode()inside PgnParser.class.php were returning empty strings. I then discovered that thejson_encode()function inside jsonwrapper/jsonwrapper.php wasn't getting called at all. And so I found out that the PHP version on my hosting provider's system has ajson_encode()function built in. Furthermore, thatjson_encode()function has a different calling signature than the one in jsonwrapper/jsonwrapper.php.So here's the fix. In PgnParser.class.php, delete these lines:require_once("ChessConfig.php");if(!function_exists("json_encode")){ include("jsonwrapper/jsonwrapper.php");}And in the same file, delete the second argument in all the calls tojson_encode. For example, change:$retVal = json_encode($ret, true);to:$retVal = json_encode($ret);First of all your script is the script i was looking for a loooong time. Now i worked with it for one week and i have to little questions/problems:
1. With the training: The script tells me my answer was wrong if my move is combinated with a exclamation mark in the pqn (6. ... Bxf3!) . Like this: 1. e4 Nf6 2. e5 Nd5 3. d4 d6 4. Nf3 dxe5 5. dxe5 { worse is } Bg4 6. h3
Bxf3! { anders speelt wit e6+/- } 7. Qxf3 e6 8. c4 Nb4 9. Qe4 N8a6 10. Be3 *
2. The jsonencode is not working well for pgn with a lot of variations like this: 1. e4 e5 2. Nf3 Nc6 3. Bc4 Bc5 4. O-O Nf6 5. d4 {Diagram #} Bxd4 {*}(5... Nxd4 6.
Nxe5 O-O (6... Ne6 7. Bxe6 fxe6 8. Nd3 Be7 (8... Bb6 $2 9. e5 Nd5 10. c4 {/\c5.
}) 9. e5 Nd5 10. Qf3) 7. Be3) 6. Nxd4 Nxd4 7. f4 Nc6 (7... d6 $1 8. fxe5 dxe5
9. Bg5 Qe7 (9... O-O 10. Nc3 c6) (9... Qd6 10. Bxf6 (10. Na3 Bg4 11. Qe1 O-O-O)
10... gxf6 11. Na3 Rg8 12. c3 Bg4 13. Qa4+ Bd7 $11) 10. Nc3 Qc5 $2) 8. Bxf7+ *
The details give me this variation: [5... Nxd4 6. Nxe5 O-O 7. e5 Nd5 8. Qf3]
I only want you to know.
You did a great job !!!
I will take a look at these problems next week.
Steve Colding
When I click the pgn files listed under the pgn tag, nothing happened -- the game tag and move tag shows nothing.
Then, I enable the game_cache, and find the cache files which are not empty files, so I guess the parser php should work.
I'd grateful if someone can help me solve this problem.
http://www.cubeok.com/dhtml-chess/demo-chess-database-2.html
Tank you
thanks alot for this fantastic script
wonderfull
NOW i want to display comment associated with each move
HOW???????
If you buy an extended commercial license from
http://www.dhtmlgoodies.com/index.html?page=commercial-license
You will get up to 1 year of email support.
But before you do that, make sure that your web server supports
* PHP on the server
* A mySql database in case you want to relay live games.
When this is confirmed, I'm sure I can assist you configuring the DHTML Chess script.
Good luck!! :)
I'm currently working on DHTML Chess 3.0 which has been created completely from scratch. It will cover all the features of DHTML Chess 2.0 + much more.
Here are some of the features
* PGN Editor (like you have in standard chess programs)
* Pgn viewer as today.
* Possibility of playing against other people.
* Lecture editor which basically means an advanced PGN editor where you can add actions on moves such as : Find the next correct move or click on all hanging pieces. The plan is that you can play lectures as a movie.
* Multiple boards
* Resizable boards
and much more...
If you have any features you would like to be implemented, please post them here.
Try changing line 432 in PgnParser.class.php to this:
'annotator' => isset($this->games[$no]['annotator']) ? htmlentities($this->games[$no]['annotator']) : '',
First of all, I would like to thank the programmer for this greate chess tool .. it is very useful.
My question is .. when you load a pgn file that contains several games .. is there anyway to start the first game and at the end to start the second game automatically and so on till the end of the games ( end of the pgn file ) ?
Thanks again
The chess engine part of dhtml chess is still experimental. I will work more on that later.
As for PHP code, I think that may be a problem since there aren't any good PHP chess engines out there, at least not to my knowledge. Chess engines has to be fast, and PHP isn't that suitable for such tasks. Engines written in Java might be an option.
ps! DHTML Chess is now available at github.com(https://github.com/DHTMLGoodies/dhtmlchess).
Best regards,
Alf
DHTMLGoodies.com/dhtml-chess.com/ludojs.com
Hello.
Sorry for my English. I use a translator.
I installed your script, and I have a problem.
After the transfer of the site to another hosting service following error:
"Fatal error: Class 'PGNParser' not found in / home / webgid / webgid.info / kremenchess / pgn / chess.php on line 21."
In the previous hosting such an error was not a viewer worked fine.
Asked the support and they told me that the new hosting is completely different from the old, and that they do not know where to find the cause of this error.
Can you tell me what could be the cause of this error?
Thanks in advance.
Hi
Maybe you're using an older version of the DHTML Chess script where it has short PHP tags in PgnParser.class.php
Open the file in the a text editor, and change
Hi Admin,
I tried this script. Its working amazing. Awesome work by you man.
I need help in setting up the timer. I want that the user will get only 1 minute to make a move.
If he could not then he will be disqualified.
Please let me know how can I do this. ?
Thanks in very advance.
Regards,
Rishabh Dave
Rishabh,
I'm sorry for my late reply.
Tactic puzzles on time is a very good idea.
The dhtml chess script here are about to be replaced by the new one available at
dhtml-chess.com (and https://github.com/DHTMLGoodies/dhtmlchess), so I'm not implementing any new features on this script(except fixing bugs).
I have spent some time looking at the code now. I think you may add a start timer inside
the following functions in chess.js:
__releaseDraggedPiece (around line 3534)
locate
if(this.__isCorrectPieceDraggedToCorrectSquare(toSquare)){
this.__dragAndDropAfterMoveCallback.delay(this.behaviour.animationTime * 1000, this);
this.move(1);
}
A timer should start after this.move(1), example:
if(startTimer !== undefined) startTimer();
A call to startTimer should also be done at the bottom of the __loadFen function (around line 2940).
i.e. same code:
if(startTimer !== undefined) startTimer();
Then you can create your own timer function:
Something like:
var startTime;
var allowedTime = 60;
function startTimer(){
startTime = new Date().getTime();
countDown();
}
function countDown(){
var elapsed = Math.floor( (startTime - new Date().getTime()) / 1000);
if(elapsed > allowedTime){
alert('Times up');
}else{
setTimeout('countDown',1000);
}
}
---
Alf
DHTMLGoodies.com
Hi,
I have already developed a trial version of
my chess to play it my friends. Then I found out that you have images materials available for download. I download it and changes my images with your good images material. However my chess program does not use web browser. Instead I developed a software as a client to access the PHP/Mysql Server. It's about 90% complete. It's free software to distribute to anyone who loved to play chess
with real player. Now can you evaluate my works, if you want let me know then we can talk more...
TY
Romy from the Philippines
Hi Ronny,
I will love to see your chess software.
Regarding the chess images. Remember that the script is free of charge and the images as well as long as they are part of dhtml chess.
Use of the images for other chess scripts is NOT free :)
This has to do with licensing of some of the images. See more on the licensing section on the top of the page. Price for image use is USD119.
Alf
DHTMLGoodies.com
Post your comment
Comment preview: