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

From BOARD18 Project WIKI
Jump to navigation Jump to search
Line 11: Line 11:


== Common Scripts ==
== Common Scripts ==
There are 3 common script files used by BOARD18 pages.
There are 2 common script files used by BOARD18 pages.


[[Board18com|board18com.js]] contains functions that are common to all board18 web pages.  
[[Board18com|board18com.js]] contains functions that are common to all board18 web pages.  


[http://medialize.github.io/jQuery-contextMenu/ jquery.contextMenu.js] is the Jquery contextMenu Plugin. This plugin is used both for the Map and Market context menus.
[http://api.jqueryui.com/position/ jquery.ui.position.js] is a plugin that implements the .position() method.  
 
[http://api.jqueryui.com/position/ jquery.ui.position.js] is a plugin that implements the .position() method. This method is used by the Jquery contextMenu Plugin.


[[Category:Design]]
[[Category:Design]]

Revision as of 10:43, 29 May 2016

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

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 2 common script files used by BOARD18 pages.

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

jquery.ui.position.js is a plugin that implements the .position() method.