diff options
Diffstat (limited to 'includes/js/dojox/storage/demos/helloworld.html')
-rw-r--r-- | includes/js/dojox/storage/demos/helloworld.html | 90 |
1 files changed, 90 insertions, 0 deletions
diff --git a/includes/js/dojox/storage/demos/helloworld.html b/includes/js/dojox/storage/demos/helloworld.html new file mode 100644 index 0000000..44fd739 --- /dev/null +++ b/includes/js/dojox/storage/demos/helloworld.html @@ -0,0 +1,90 @@ +<html> + <head> + <script src="../../../dojo/dojo.js"></script> + <script src="../storage-browser.js"></script> + + <script> + dojo.require("dojox.storage"); + + function runDemo(){ + // setup event handlers + dojo.byId("saveButton").onclick = saveValue; + + // write out what our storage provider is for debugging + dojo.byId("currentProvider").innerHTML = + dojox.storage.manager.currentProvider.declaredClass; + + loadValues(); + } + + function loadValues(){ + // get any values that were saved before and write them into the page + var results = dojox.storage.get("myValues"); + + if(results){ + var printMe = "<ul>"; + for(var i = 0; i < results.length; i++){ + printMe += "<li>" + results[i] + "</li>"; + } + printMe += "</ul>"; + dojo.byId("allValues").innerHTML = printMe; + } + } + + function saveValue(){ + var value = dojo.byId("saveValue").value; + if(value == undefined || value === ""){ + alert("Please enter a correct value"); + return; + } + + // get the old values first, since we are saving everything + // as one key + var results = dojox.storage.get("myValues"); + if(!results){ + results = new Array(); + } + + // add new value + results.push(value); + + dojox.storage.put("myValues", results, function(status, keyName){ + if(status == dojox.storage.FAILED){ + alert("You do not have permission to store data for this web site."); + }else if(status == dojox.storage.SUCCESS){ + loadValues(); + } + }); + } + + // wait until the storage system is finished loading + if(!dojox.storage.manager.isInitialized()){ + dojo.connect(dojox.storage.manager, "loaded", runDemo); + }else{ + dojo.connect(dojo, "loaded", runDemo); + } + </script> + </head> + + <body> + <h1>Dojo Storage Hello World</h1> + + <p>Simple Dojo Storage example. Enter values below to have them + persisted in Dojo Storage; refresh browser page or close browser + and then return to this page to see the values again. Note that + Dojo Storage will not work from file:// URLs.</p> + + <h2>Save Values:</h2> + <div> + <input id="saveValue" type="text"></input> + <button id="saveButton">Save Value</button> + </div> + + <h2>All Saved Values:</h2> + <p id="allValues"></p> + + <p>Using Dojo Storage Provider (autodetected): + <span id="currentProvider"></span> + <p> + </body> +</html>
\ No newline at end of file |