How the tabbed dialog works


As previously, the main application page, for example, TwoByTwo.HTM, is partly an HTM file that the user customizes to specify the shape of the data entry table, etc, and is partly written dynamically by the program when writeFrontEnd in AppHelper.js is called. Let\'s call the combined page, APP.


APP contains either DIVs or Iframes called Panel1-Panel5 that are made visible or invisible when one of the tabs at the top of the page is clicked. Clicking the tab turns on the panel for that tab and turns off the others. If the panel is loaded from an HTML text string, it is a DIV. If an HTM file is loaded, the panel is an Iframe. The panels contain the following:


Panel1 – The visible part of APP, the Start screen.

Panel2 – The data entry table, constructed dynamically by loading Etable.htm

Panel3 – Results, output as an HTML string by the statistics contained in the application.js file(e.g., TwoByTwo.HTM), formatted by the other programs in Etable_Files.

Panel4 – Help as a file called OpenEpiHelp.htm

DemoData – Demo, as a file containing data saved from the Application. This file also contains results that are currently hidden.


Important points for developers of previous and future applications:





How Demo Data Works


If the variable called DemoData contains a file name, such as TwoByTwoDemo.htm, the file is loaded into the DemoData iFrame when APP is loaded. It is not displayed because this iFrame refers to the CSS class, Panel, that keeps it hidden. A Demo button is included in the Start screen if the file exists.


What happens when you press the Enter Data button?




What happens when you press the Demo button?


Who is the custodian of the master data array(s)?


How will data be saved and retrieved in a future version?