1/15/2015 8:24 PM | |
Joined: 9/3/2008 Last visit: 9/19/2024 Posts: 928 Rating: (162) |
Hello, |
Michael |
|
1/20/2015 9:51 AM | |
Posts: 6 Rating: (1) |
My aproach is using JSON exchange. So to resume: * Create an index.htm page with undetermined variables, ie: [code] <label id="myvar1">?</label><br> <label id="myvar2">?</label><br> <button id="mybutton">Change myvar3 to '10'</button> [/code] * Create an io.htm page with your in/out variables in JSON format, ie (assuming a named webdata DB exists): [code] <!-- AWP_In_Variable Name='"webdata".myvar3' --> { "myvar1" : ":="webdata".myvar1:", "myvar2" : ":="webdata".myvar2:" } [/code] Until this point, you should be able to see your index.htm as an static page without any variable (only question marks), and recovering io.htm should yield a result as: [code] { "myvar1" : "0", "myvar2" : "0" } [/code] Now you got it: static representation page one side, data on the other side. To inject this JSON formatted data in your static page add a JSON request in your JavaScript code (assuming JQuery for clarity): [code] <script> var result; $(document).ready(function(){ setInterval(function() { $.getJSON('io.htm', function(data) { $('#myvar1').text(data.myvar1); $('#myvar2').text(data.myvar2); if(data.myvar2 > 10) { $('#myvar2').css('background', 'red'); //Too high! Highlight in red } else { $('#myvar2').css('background', 'inherit'); //Return to defaults } }); }, 1000); //Refresh every 1000ms $("#mybutton").click(funtion(){ $.post('io.htm', encodeURI('"webdata".myvar3=10'), function(result){}); }: } </script> [/code] PS: These code bits are gross and without guarantee just to illustrate the basic idea. Error catching is on your hand! |
This contribution was helpful to1 thankful Users |
Follow us on