Example Numeric Field

The main goal of this example is to show how to use NumericField.class. For a listing of the attributes associated with the Numeric Field Widget, click on NumericField.class. This example is identical to an earlier bargraph example with the addition of a numeric field (NumField). Instead of repeating everything from the earlier example, this example will only discuss NumField. Reference \Projects\BarGraph\ReadMe.htm for information on the radio buttons, bargraph, slider, and META tags. Here is a snapshot of what the html page looks like in a "WYSIWYG" tool:

Figure 1.

To create a numeric field named NumField that uses a byte value returned by MetaOne as its input, the following is used:

<APPLET CODE="NumericField.class" WIDTH="133" HEIGHT="25" NAME="NumField">
<PARAM NAME="href" VALUE="Amulet:document.MetaOne.value()">
<PARAM NAME="fontSize" VALUE="2">
<PARAM NAME="fontStyle" VALUE="bold">
<PARAM NAME="min" VALUE="0">
<PARAM NAME="max" VALUE="255">
<PARAM NAME="printf" VALUE="Status = %3i %%">
<PARAM NAME="minFld" VALUE="0">
<PARAM NAME="maxFld" VALUE="100">
<PARAM NAME="updateRate" VALUE=".05">
</APPLET>

NumField updates every 50msec, getting a byte value from MetaOne by using the href function Amulet:document.MetaOne.value().

NOTES:

• In order to program this example into the Easy GUI module, the above html page can be found in \Projects\Examples\NumericField\CompileMe.htm subdirectory of the Amulet main directory. By default, the Amulet main directory is C:\Program Files\Amulet, however you may have specified a different path during the install.
• Once you program this example into the GUI module, you will need to use the Amulet Simulator in order to respond to NumField with some data if you have the UART radio button selected.