User Tools
software:modules-and-examples:combine-javascript
Differences
This shows you the differences between two versions of the page.
|
software:modules-and-examples:combine-javascript [2013/06/10 04:01] jarrod created |
software:modules-and-examples:combine-javascript [2013/06/10 04:13] (current) jarrod |
||
|---|---|---|---|
| Line 29: | Line 29: | ||
| CF.userMain = function() { | CF.userMain = function() { | ||
| // Create interlock group for buttons | // Create interlock group for buttons | ||
| - | Interlock.create("buttons", "d1","d2","d3","d4"); | + | Interlock.create("buttons", "d1","d2","d3","d4"); |
| // Create an interlock group for subpages | // Create an interlock group for subpages | ||
| Line 47: | Line 47: | ||
| }; | }; | ||
| </sxh> | </sxh> | ||
| + | |||
| + | The first thing you should do is create a single ''main.js'' file, and create a single CF.userMain function within it.\\ | ||
| + | Then merge the contents of both CF.userMain functions (as defined in the two scripts above) into one like so: | ||
| + | |||
| + | ''main.js'' | ||
| + | <sxh js; light: true;> | ||
| + | CF.userMain = function() { | ||
| + | // iViewer initialization is now complete and the CF environment is fully available | ||
| + | |||
| + | // Watch for page flips | ||
| + | CF.watch(CF.PageFlipEvent, onPageFlip); | ||
| + | |||
| + | // Watch for network status, get initial status | ||
| + | CF.watch(CF.NetworkStatusChangeEvent, onNetworkStatusChange); | ||
| + | |||
| + | // Watch for important system connects and disconnects | ||
| + | CF.watch(CF.ConnectionStatusChangeEvent, "TEST-SYSTEM", onTestSystemConnectionStatusChange, true); | ||
| + | CF.watch(CF.ConnectionStatusChangeEvent, "SERVER SYSTEM", onServerSystemConnectionStatusChange, true); | ||
| + | |||
| + | // Watch for some crucial join changes | ||
| + | CF.watch(CF.JoinChangeEvent, ["d10", "d11", "d12", "a50"], onImportantJoinChange); | ||
| + | | ||
| + | // Create interlock group for buttons | ||
| + | Interlock.create("buttons", "d1","d2","d3","d4"); | ||
| + | |||
| + | // Create an interlock group for subpages | ||
| + | Interlock.create("subpages", ["d100", "d200", "d300", "d400"]); | ||
| + | |||
| + | // Setup a watch callback to display the current selection | ||
| + | Interlock.watch("buttons", function(group, currentSelection, previousSelection) { | ||
| + | CF.setJoin("s1", "Current selection in group 1 is " + currentSelection); | ||
| + | // show the subpage associated with interlock group 1 | ||
| + | // do it the lazy way - d1 becomes d100, d2 becomes d200 etc | ||
| + | // when we show one of the subpages, the subpages interlock group kicks in and hides the others | ||
| + | Interlock.select("subpages", currentSelection+"00"); | ||
| + | }); | ||
| + | |||
| + | // Set the group initial values | ||
| + | Interlock.select("buttons", "d2"); | ||
| + | }; | ||
| + | </sxh> | ||
| + | |||
| + | Next step is to remove the CF.userMain functions completely from your other scripts. Only one JavaScript file in your entire guiDesigner project should mention CF.userMain (use find tools in your text editor to ensure they are completely removed from your original scripts). | ||
| + | |||
| + | Last step is to add the ''main.js'' script to your guiDesigner project by adding it to your project using the Script Manager (accessible via the main toolbar or via your project properties in guiDesigner). | ||
| + | |||
| + | It is a good idea to have ''main.js'' as the last script in your Script Manager - this just ensures that it is the last code run (but iViewer itself will make sure any content within CF.userMain is always the last thing to be run once the JavaScript API is running). | ||
software/modules-and-examples/combine-javascript.1370836891.txt.gz ยท Last modified: 2013/06/10 04:01 by jarrod
