Difference between revisions of "Design Document Client Side Coding Details"

From BOARD18 Project WIKI
Jump to navigation Jump to search
(rel 1.1)
m
Line 1: Line 1:
{{ReleaseNotice|1.1}}{{Design Document Index}}The client side of Board18 consists of twelve web pages.<br>
{{ReleaseNotice|1.2}}{{Design Document Index}}The client side of Board18 consists of twelve web pages.<br>
These web pages are described briefly in the Client Side Overview document. <br>
These web pages are described briefly in the Client Side Overview document. <br>
But they are also described in more detail, each in their own set of WIKI pages.<br>
But they are also described in more detail, each in their own set of WIKI pages.<br>

Revision as of 07:31, 10 September 2015

This page has been updated to comply with Release 1.2.x of BOARD18.
Design Document edit

The client side of Board18 consists of twelve 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 twelve 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 are two 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.

jquery.contextMenu.css is the style sheet for the Jquery contextMenu Plugin. This plugin is used both for the Map and Market context menus and for the main menu on each page.

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 and for the main menu on each page.

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