1:<html>
2:<head>
3: <title>Dojo Basic Cookie Example</title>
4: <meta name="keywords" content="dojo, javascript, web 2.0, ajax" />
5: <?php include($_SERVER['DOCUMENT_ROOT'] . "/in/cssblip.php"); ?>
6: <style type="text/css">
7: @import "/lib/dijit/themes/tundra/tundra.css";
8: @import "/lib/dojo/resources/dojo.css"
9: </style>
10: <script type="text/javascript" src="/lib/dojo/dojo.js"
11: djConfig="parseOnLoad: true"></script>
12: <script type="text/javascript">
13: dojo.require("dojo.parser");
14: dojo.require("dijit.form.Form");
15: dojo.require("dijit.form.Button");
16: dojo.require("dijit.form.ValidationTextBox");
17: dojo.require("dojo.cookie");
18: </script>
19:
20: <script type="text/javascript">
21: function processCookies(){
22: dojo.byId("cookieVal1").innerHTML = dijit.byId("cookie01TxtFld").getValue();
23: dojo.cookie("cookie01", dijit.byId("cookie01TxtFld").getValue() , { expires:1 });
24:
25: }
26:
27: function checkValid(){
28: if(dijit.byId("cookieForm").validate()){
29: processCookies();
30: } else {
31: alert('Form contains invalid data. Please correct first');
32: }
33: }
34:
35: function resetForm(){
36: if (confirm('reset Form?')){
37: dijit.byId("cookieForm").reset();
38: }
39: }
40:
41: function load(){
42: // Connect event handlers
43: submitHandle = dojo.byId("Submit");
44: dojo.connect(submitHandle, 'onclick', checkValid);
45:
46: resetHandle = dojo.byId("Reset");
47: dojo.connect(resetHandle, 'onclick', resetForm);
48:
49: cookieLoadVal01 = dojo.cookie("cookie01");
50: dojo.byId("cookieLoad01").innerHTML = cookieLoadVal01;
51:
52: }
53:
54: dojo.addOnLoad(load);
55: </script>
56:</head>
57:<body class="tundra">
58:<?php include($_SERVER['DOCUMENT_ROOT'] . "/in/hdrex.php") ?>
59:
60:<!-- Page Content -->
61: <h3>Dojo Basic Cookie Example</h3>
62: <hr/>
63: <div class="formBox">
64: <h4>Cookie Form</h4>
65: <form dojoType="dijit.form.Form" method="post" action=""
66: id="cookieForm">
67: <label>Cookie: </label><input type="text" maxlength="25" id="cookie01TxtFld" name="cookie01"
68: dojoType="dijit.form.ValidationTextBox" required="true" invalidmessage="Required field"/><br/>
69: <br/>
70:
71: <div class="centerButton">
72: <button dojoType="dijit.form.Button" id="Submit">Set Cookie </button>
73: <button dojoType="dijit.form.Button" id="Reset">Reset </button>
74: </div>
75:
76: </form>
77: </div>
78: <hr/>
79: <div id="messageDiv">
80: <h4>Cookie Set to:</h4>
81: <p>
82: <b>Cookie = </b><span id="cookieVal1"></span><br/>
83: </p>
84: </div>
85:
86: <div id="loadDiv">
87: <h4>Cookie on Load</h4>
88: <p><b>Cookie on Page Load = </b><span id="cookieLoad01"></span><br/></p>
89: </div>
90:
91: <p><a href="">View Source</a></p>
92: <hr/>
93: <h4>Example Comments</h4>
94: <p>This example demonstrates a number of features related to cookies in the Dojo base package. Highlights include:</p>
95: <ul>
96: <li>The use of the <code>require</code> statement to include <code>dojo.cookie</code>.</li>
97: <li>The <code>processCookies</code> function demonstrations how to set a cookie value using <code>dojo.cookie</code>. Specify the cookie name, then a value, and finally a duration in days.</li>
98: <li>The <code>load</code> function shows how to load a cookie using the <code>dojo.cookie function</code>. Just include the cookie name as a parameter to the fuction call and the value stored in the cookie is returned.</li>
99: </ul>
100: <hr/>
101:<!-- End Page Content -->
102:
103: <?php include($_SERVER['DOCUMENT_ROOT'] . "/in/ftrex.php") ?>
104: </body>
105:</html>