Example 1 |
In the left window you can see a simulator of PDA. While some features
of WML are difficult to simulate in a browser, many important ones are supported. A click on >> will take you to the next
example. Click on a card element in the bottom window shows the display which is described by the given card. A collection
of cards is called a deck. Decks can be thought of as equivalents of HTML documents for mobile devices.
|
Example 2 |
Text is specified inside p element. A card can have none, one or several p elements. Element br indicates start of a new line.
|
Example 3 |
Text emphasis can be specified with elements em, strong, b, i, u, big, small. Their meanings are equivalent with their HTML counterparts.
|
Example 4 |
Element a provides basic hypertext linking capabilities. You can make conections between individual cards or WML decks. All WML elements
can contain two core attributes, id and class. Attributes id in card elements serve as anchor for intercard links.
|
Example 5 |
A card can contain beside p elements one or more elements do, which specify tasks to be performed in response to an event as entering a card or timer expiring. The representation of
the do element depends on the user agent. It can be a graphically rendered button, a key from the keyboard, a voice command. In
this tutorial, graphical buttons are used. Element go indicates navigation to the given location. Click on ok button rotates through individual cards.
|
Example 6 |
The prev element enables navigation to the previous location. You must have javascript enabled for this function to work.
|
Example 7 |
With template element it is possible to specify tasks common to all cards. If both the template and the card contains a do element of the same type, the card do element is always used. The noop element specifies that nothing should be done.
|
Example 8 |
WML supports variables. Their names start with dollar-sign character $ followed by ASCII letters, digits or underscore. The
variable substitution is performed when all XML parsing is finished. Therefore, if parsing produced a dollar-sign, it will
be evaluated as a variable. If you need dollar-sign, you must escape with the second dollar-sign in this way: $$ .
|
Example 9 |
With variables link destinations can be given at run time. |
Example 10 |
Element anchor expands possibilities of a element. You can use prev and refresh elements inside it.
|
Example 11 |
The default label can be changed in do elements with label attribute.
|