Online documentation - Websydian v6.0

Users Guide | Patterns Reference | WebsydianExpress | Search

I-Mode Support in Websydian

I-Mode Fully Supported
Initialization of Values Using Server-Side Scripting
Implementation

I-Mode Fully Supported

Websydian Wireless Developer offers full support for browser-based wireless application development using the WAP protocol and I-Mode standard. The I-Mode protocol is based on the Compact HTML (cHTML) protocol, which is a subset of HTML 2.0, HTML 3.2 and HTML 4.0.

In the resulting "I-Mode compatible HTML" a number of major features regarding the display of documents supported in standard HTML are excluded:

JPEG image
Table
Image map
Multiple character fonts and styles
Background image
Frame
Style sheet

Due to the structure of raw Websydian Document Templates, only the exclusion of tables and boldface font type from cHMTL introduces a change when generating I-Mode compatible Document Templates. Websydian HTML Document Templates use tables for displaying data in WsyDetails and WsyGrid in an orderly manner. Websydian I-Mode compatible Document Templates use the Unordered List <UL> tags for the same purpose.

In the box below is shown a typical HTML Document Template for a grid page, containing entries in both WsyDetails and WsyGrid.

UserID	/(USERID)
SessID	/(SessionID)

ProductID	Product description	Product type code	Price
/(PR_ID)	/(PR_DESC)	/(PR_TYPE)	/(PGiqA)

The HTML code for the above Document Template is shown in the text area below.

<html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>HTML Template Demo</title> </head> <body> <table> <tbody> <tr> <th align="left">UserID</th> <td align="left">/(USERID)</td> </tr> <tr> <th align="left">SessID</th> <td align="left">/(SessionID)</td> </tr> </tbody> </table> <table> <tbody> <tr> <th align="middle">ProductID</th> <th align="middle">Product description</th> <th align="middle">Product type code</th> <th align="middle">Price</th> <th align="middle"> </th> </tr>  <tr> <td align="right">/(PR_ID)</td> <td align="left">/(PR_DESC)</td> <td align="left">/(PR_TYPE)</td> <td align="right">/(PGiqA)</td> <td> <form name="PGn6F" action="/dispat.Exe" method="post" AUTOCOMPLETE="OFF"> <input type="hidden" value="/(WSYDHIDDEN)/(WSYD_SID)" name="WSYD_SID"><input type="hidden" value="/(WSYD_SIGN)/(PGn6F)" name="WSYD_SIGN"><input type="hidden" value="PGn6F" name="WSYD_EVENT"><input type="hidden" value="/(WSYDHIDDEN)/(PRODUCTID)" name="PRODUCTID"> <p><input type="submit" value="Buy" name="Buy"></p> </form> </td> </tr>  </tbody> </table> <form name="PGn7F" action="/dispat.EXE" method="post" AUTOCOMPLETE="OFF"> <input type="hidden" value="/(WSYDHIDDEN)/(WSYD_SID)" name="WSYD_SID"><input type="hidden" value="/(WSYD_SIGN)/(PGn7F)" name="WSYD_SIGN"><input type="hidden" value="PGn7F" name="WSYD_EVENT"><input type="hidden" value="/(WSYDHIDDEN)/(PRODUCTID)" name="PRODUCTID"> <p><input type="submit" value="Next" name="Next"></p> </form>

The same Document Template generated in I-Mode compatible HTML is shown in the box below:

UserID
/(USERID)

SessID
/(SessionID)

ProductID
/(PR_ID)

Product description
/(PR_DESC)

Product type code
/(PR_TYPE)

Price
/(PGiqA)

The corresponding I-Mode compatible HTML code is shown in the text area below.

<html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>cHTML Template Demo</title> </head> <body> <ul> <li>UserID <br>/(USERID) <li>SessID <br>/(SessionID) </ul> <hr> <ul> <li>ProductID <br>/(PR_ID) <li>Product description <br>/(PR_DESC) <li>Product type code <br>/(PR_TYPE) <li>Price <br>/(PGiqA) <form name="PGn6F" action="/dispat.Exe" method="post" AUTOCOMPLETE="OFF"> <input type="hidden" value="/(WSYDHIDDEN)/(WSYD_SID)" name="WSYD_SID"><input type="hidden" value="/(WSYD_SIGN)/(PGn6F)" name="WSYD_SIGN"><input type="hidden" value="PGn6F" name="WSYD_EVENT"><input type="hidden" value="/(WSYDHIDDEN)/(PRODUCTID)" name="PRODUCTID"> <input type="submit" value="Buy" name="Buy"> </form> <hr> </ul> <form name="PGn7F" action="/dispat.EXE" method="post" AUTOCOMPLETE="OFF"> <input type="hidden" value="/(WSYDHIDDEN)/(WSYD_SID)" name="WSYD_SID"><input type="hidden" value="/(WSYD_SIGN)/(PGn7F)" name="WSYD_SIGN"><input type="hidden" value="PGn7F" name="WSYD_EVENT"><input type="hidden" value="/(WSYDHIDDEN)/(PRODUCTID)" name="PRODUCTID"> <input type="submit" value="Next" name="Next"> </form>

Initialization of Values Using Server-Side Scripting

Websydian supports initialization of status values in List, Combo, Radio, and Check controls using JavaScript or Server-Side Scripting.

When generating I-Mode compatible HTML the lack of support for scripting languages such as JavaScript in I-Mode compatible HTML can be circumvented by using Server-Side Scripting to initialize status values in the pages.

See Server-Side Scripting with Websydian for more information.

Implementation

Templates are generated in I-Mode compatible HTML by specifying an option in a normal HTML Page Generator. How to do this is described in the Generating I-Mode Compatible HTML Templates section of the Other Uses of the Document Template Generator document.