Figure 1.
To create a list named Country that alters the image displayed on Tour based on the selection made, the following is used:
The main goal of this example is to show how to use List.class. For a listing of the attributes associated with the List Widget, click on List.class. This example uses a list (Country) to create a list of user-defined strings linked to an image sequence (Tour). Here is a snapshot of what the html page looks like in a "WYSIWYG" tool:
Figure 1.
To create a list named Country that alters the image displayed on Tour based on the selection made, the following is used:
<APPLET CODE="List.class" WIDTH="46" HEIGHT="60" NAME="Country">
<PARAM NAME="href" VALUE="Amulet:document.Tour.setValue()">
<PARAM NAME="fontSize" VALUE="2">
<PARAM NAME="fontStyle" VALUE="plain">
<PARAM NAME="options" VALUE="America,Australia,China,France,San Francisco,Japan">
<PARAM NAME="initialCondition" VALUE="America">
</APPLET>
Country defaults to America and sets the input value of Tour by using the function Amulet:document.Tour.setValue()
To create an image sequence named Tour whose images are composed of popular tourist sites, the following is used:
<APPLET CODE="ImageSeq.class" WIDTH="145" HEIGHT="98" Name="Tour">
<PARAM NAME="href" VALUE="Amulet:document.Country.value()">
<PARAM NAME="min" VALUE="0">
<PARAM NAME="max" VALUE="5">
<PARAM NAME="sequence" VALUE="../Images/america.gif;../Images/australia.gif;../Images/china.gif;../Images/france.gif;
<PARAM NAME="updateRate" VALUE=".25">
</APPLET>
Tour updates every 40msec, reading a byte value set by Country to know which image to transition to by using the href function Amulet:document.Country.value().
NOTES: