paulo@78: <html>
paulo@78: <head>
paulo@78: <link rel="stylesheet" type="text/css" href="index.css">
paulo@78: <script type="text/javascript" src="cookies.js"></script>
paulo@78: </head>
paulo@78:
paulo@78: <body>
paulo@78: <h1>Cookies set</h1>
paulo@78: <div id="set_cookies"></div>
paulo@78: <div>
paulo@78: <input id="set_k">
paulo@78: <input type="password" id="set_v">
paulo@78: <input type="button" value="Set" onclick="set()">
paulo@78: </div>
paulo@78: </body>
paulo@78: <script type="text/javascript">
paulo@78: var setCookiesDiv = document.getElementById("set_cookies");
paulo@78: var setK = document.getElementById("set_k");
paulo@78: var setV = document.getElementById("set_v");
paulo@78:
paulo@78: function addSetCookie(k, v) {
paulo@78: var d = document.createElement("div");
paulo@78:
paulo@78: var kInput = document.createElement("input");
paulo@78: kInput.disabled = true;
paulo@78: kInput.value = k;
paulo@78:
paulo@78: var vInput = document.createElement("input");
paulo@78: vInput.type = "password";
paulo@78: vInput.disabled = true;
paulo@78: vInput.value = v;
paulo@78:
paulo@78: var unset = document.createElement("input");
paulo@78: unset.type = "button";
paulo@78: unset.value = "Unset";
paulo@78: unset.onclick = function() {
paulo@79: docCookies.removeItem(k, "/");
paulo@78: setCookiesDiv.removeChild(d);
paulo@78: };
paulo@78:
paulo@78: d.appendChild(kInput);
paulo@78: d.appendChild(vInput);
paulo@78: d.appendChild(unset);
paulo@78:
paulo@78: setCookiesDiv.appendChild(d);
paulo@78: }
paulo@78:
paulo@78: function clear() {
paulo@78: while (setCookiesDiv.firstChild) {
paulo@78: setCookiesDiv.removeChild(setCookiesDiv.firstChild);
paulo@78: }
paulo@78: }
paulo@78:
paulo@78: function load() {
paulo@78: clear();
paulo@78: for (var i=0; i<docCookies.keys().length; i++) {
paulo@78: var k = docCookies.keys()[i];
paulo@78: if (docCookies.hasItem(k)) {
paulo@78: var v = docCookies.getItem(k);
paulo@78: addSetCookie(k, v);
paulo@78: }
paulo@78: }
paulo@78: }
paulo@78:
paulo@78: function set() {
paulo@79: docCookies.setItem(setK.value, setV.value, 600, "/");
paulo@78: setK.value = "";
paulo@78: setV.value = "";
paulo@78: load();
paulo@78: }
paulo@78:
paulo@78: load();
paulo@78: </script>
paulo@78: </html>