Note: This tutorial works as is only in Firefox. The dual personality implementation of the same page (works simultaneously in Firefox and IE) has only a single User.html page, and no inline frame (no Update.html or GetData.html) as outlined on the following pages of this tutorial. For the dual personality version, stop here, and use Demo4_R1 (zip). The only down side is that it does generate more network traffic. The hidden values are still used in the R1 demo, and these are shown below.
Note: The R1 version of IE/Firefox compatibility generated a lot of network traffic. The R2 version (Demo4_R2 zip) takes advantage of the fact that the i.CanDoIt servers will respond to a multiple-register query. In this example, we ask for all 16 registers at once, and we only do this once every 10 seconds. It cuts down on network traffic. The full query string must be limited to 250 characters. If you need to break up your query, you can do multiple registers per query, and do multiple queries. Just add more cases to the request builder as illustrated in R1 of this demo.
Each of the text boxes is edited following the same general guidelines already used in our previous demo webs.
Now we create a third page named Update.html. This is the page that GetData.html will repeatedly get from the server. The only thing on this page is a text box we don't use for anything more than a place holder to cause forms to happen in SiteSpinner. The data of primary interest is the list of hidden values we get at by clicking on Hidden Values on the Form tab of the Form Editor. Click the Insert button in the Hidden Values dialog to add the list of registers 101-108 and 201-208 (for this particular example). Nothing on this page will actually be visible. Later on, we want to push the text box down, and set the background color to black.
The final thing to do is go back to each of our three pages, select Edit Page Properties on the Page menu, and select a background color of black on the Background tab of the properties dialog. We have also added a title to the visible page. Note that although we have three pages technically defined, only one of these pages will be visible while the other two are busy behind the scenes creating the effect of "real time".