200N/A<style scoped>

200N/A/* custom styles for this example */

200N/A.demo fieldset {display:block; border:0;}

200N/A.demo .short {width:2em;}

200N/A</style>

200N/A

200N/A<form id="demo1" class="demo">

200N/A <h6>CacheOffline Instance #1</h6>

200N/A <fieldset>

200N/A <label for="demo1_expires">Data expires after: <input type="text" id="demo1_expires" class="med" value="86400000"> milliseconds

200N/A <input type="button" id="demo1_setExpires" value="Set expires"></label>

200N/A </fieldset>

200N/A <fieldset>

200N/A <label for="demo1_addKey">Key: <input type="text" id="demo1_addKey"></label>

200N/A <label for="demo1_addValue">Value: <input type="text" id="demo1_addValue"></label>

200N/A <input type="button" id="demo1_add" value="Cache value">

200N/A </fieldset>

200N/A <fieldset>

200N/A <label for="demo1_retrieveKey">Key: <input type="text" id="demo1_retrieveKey"></label>

200N/A <input type="button" id="demo1_retrieve" value="Retrieve value">

200N/A </fieldset>

200N/A <fieldset>

200N/A <input type="button" id="demo1_flush" value="Flush cache"></label>

200N/A </fieldset>

200N/A</form>

200N/A

200N/A<form id="demo2" class="demo">

206N/A <h6>CacheOffline Instance #2</h6>

206N/A <fieldset>

200N/A <label for="demo2_expires">Data expires after: <input type="text" id="demo2_expires" class="med" value="86400000"> milliseconds

200N/A <input type="button" id="demo2_setExpires" value="Set expires"></label>

200N/A </fieldset>

200N/A <fieldset>

200N/A <label for="demo2_addKey">Key: <input type="text" id="demo2_addKey"></label>

206N/A <label for="demo2_addValue">Value: <input type="text" id="demo2_addValue"></label>

200N/A <input type="button" id="demo2_add" value="Cache value">

200N/A </fieldset>

200N/A <fieldset>

200N/A <label for="demo2_retrieveKey">Key: <input type="text" id="demo2_retrieveKey"></label>

200N/A <input type="button" id="demo2_retrieve" value="Retrieve value">

200N/A </fieldset>

200N/A <fieldset>

200N/A <input type="button" id="demo2_flush" value="Flush cache"></label>

200N/A </fieldset>

200N/A</form>

206N/A

200N/A

200N/A<script>

206N/AYUI().use("node", "datatype-number", "cache-offline" ,function (Y) {

206N/A var cache1 = new Y.CacheOffline({sandbox:"instance1"});

206N/A

206N/A Y.on("click", function(e){

206N/A cache1.set("expires", Y.DataType.Number.parse(Y.one("#demo1_expires").get("value")));

200N/A alert("Cache 1 \"expires\" set to " + cache1.get("expires") + ".");

206N/A }, "#demo1_setExpires");

200N/A

200N/A Y.on("click", function(e){

200N/A cache1.add(Y.one("#demo1_addKey").get("value"), Y.one("#demo1_addValue").get("value"));

206N/A var msg = "Value cached. Cache 1 \"size\" is now " + cache1.get("size") + ".";

200N/A alert(msg);

206N/A }, "#demo1_add");

206N/A

206N/A Y.on("click", function(e){

200N/A var entry = cache1.retrieve(Y.one("#demo1_retrieveKey").get("value")),

200N/A output = entry ? entry.response : "Value not cached.";

200N/A alert(output);

200N/A }, "#demo1_retrieve");

200N/A

200N/A Y.on("click", function(e){

200N/A cache1.flush();

200N/A alert("Cache 1 flushed.");

206N/A }, "#demo1_flush");

200N/A

200N/A var cache2 = new Y.CacheOffline({sandbox:"instance2"});

200N/A

200N/A Y.on("click", function(e){

200N/A cache2.set("expires", Y.DataType.Number.parse(Y.one("#demo2_expires").get("value")));

206N/A alert("Cache 2 \"expires\" set to " + cache2.get("expires") + ".");

200N/A }, "#demo2_setExpires");

200N/A

206N/A Y.on("click", function(e){

200N/A cache2.add(Y.one("#demo2_addKey").get("value"), Y.one("#demo2_addValue").get("value"));

200N/A var msg = "Value cached. Cache 2 \"size\" is now " + cache2.get("size") + ".";

200N/A alert(msg);

200N/A }, "#demo2_add");

200N/A

200N/A Y.on("click", function(e){

200N/A var entry = cache2.retrieve(Y.one("#demo2_retrieveKey").get("value")),

200N/A output = entry ? entry.response : "Value not cached.";

200N/A alert(output);

200N/A }, "#demo2_retrieve");

200N/A

200N/A Y.on("click", function(e){

200N/A cache2.flush();

200N/A alert("Cache 2 flushed.");

200N/A }, "#demo2_flush");

200N/A});

200N/A</script>

200N/A