Design Document Client Side Coding Details

This page has been updated to comply with Release 1.3.x of BOARD18.

Design Document edit
Introduction Environment Esthetics Game Boxes Objects Data Base Utilities Data Structures	Client Side Overview PHP Overview Client Side Coding PHP AJAX Part 1 PHP AJAX Part 2 PHP AJAX Part 3 PHP Includes

The client side of Board18 consists of fifteen web pages.
These web pages are described briefly in the Client Side Overview document.
But they are also described in more detail, each in their own set of WIKI pages.
The table below and to the right contains links to all of this material.
There are a few files that are common to all web pages; They are described below.

Common Style Sheets

WIKI Links for BOARD18 WEB Pages edit
Page Overview	Detail Design
index Page	index Page
board18Main Page	board18Main Page
board18View Page	board18View Page
board18Admin Page	board18Admin Page
board18Players Page	board18Players Page
board18Games Page	board18Games Page
board18Boxes Page	board18Boxes Page
board18BoxLoad Page	board18BoxLoad Page
board18Misc Page	board18Misc Page
board18New Page	board18New Page
board18Map Page	board18Map Page
board18Market Page	board18Market Page
board18SnapList Page	board18SnapList Page
board18SnapMap Page	board18SnapMap Page
board18SnapMrk Page	board18SnapMrk Page
access-denied Page	access-denied Page

There is one common style sheets used by BOARD18 pages.

board18com.css is the style sheet that lays out the overall structure of all BOARD18 pages. This consists of the top of page division, the left of page division and the right of page division. These divisions are described here. This style sheet also formats the header area of all BOARD18 pages. The top level block elements in this style sheet will all use fixed positioning.

Common Scripts

There are 3 common script files used by BOARD18 pages.

board18com.js contains functions that are common to all board18 web pages.

jquery.contextMenu.js is the Jquery contextMenu Plugin. This plugin is used both for the Map and Market context menus.

jquery.ui.position.js is a plugin that implements the .position() method. This method is used by the Jquery contextMenu Plugin.