Echelon i.LON 1000 Internet Server - Manual (Page 33)

i .LON 1000 Internet Server Starter Kit
29
demo1page3.htm
This page is designed to show a sample user interface that can be built using
JavaScript. The four “controls” on this page are in reality not controls at all; they are
graphic images that are manipulated in the browser using JavaScript. The same effect
can be accomplished using Java applets or ActiveX controls. The advantage of using
JavaScript is that the computing demand on the client is much lower and the download
time for the page also is much lower, since only a small amount of text needs to be
downloaded instead of an entire application.
To test this page, you will have to load 3 HTML files and several image files to the
i .LON
1000
. Use the same file transfer procedure described above to load
demo1page3.htm
,
page3getvalues.htm
, and
page3main.htm
to the Web/forms directory.
Create a new directory on the
i .LON 1000 under the Web directory named images.
Transfer ash_bottom.jpg, ash_left.jpg, ash_right.jpg, ash_top.jpg,
hvac_anim.gif
, hvac_bg.gif, hvac_off.gif, pid_bg.gif, pid_slider.gif,
slider_bg.gif
, slider_knob, temp_bg.gif, and, temp_slider.gif to the
Web/images directory. Use the
i .LON 1000’s DIR command and console application to
verify that the transferred files ended up where you wanted them.
In addition to the files that shipped with your
i .LON 1000, the i .LON 1000 directory
structure should contain the following files.
Web
Echelonlogo.gif, index.htm
Web/forms
demo1page1.htm, demo1page2.htm, demo1page3.htm,
localConfig.htm, page3getvalues.htm, page3main.htm
Web/images
ash_bottom.jpg, ash_left.jpg, ash_right.jpg, ash_top.jpg,
hvac_anim.gif, hvac_bg.gif, hvac_off.gif, pid_bg.gif,
pid_slider.gif, slider_bg.gif, slider_knob.gif, temp_bg.gif,
temp_slider.gif