Cookie

index.html

	<script type="text/javascript">
		var myCookies = {};
		function saveCookies(){
			myCookies["_user"] = document.getElementById('user').value;
			myCookies["_uage"] = document.getElementById('age').value;

			document.cookie = "";
			var expiresAttr = new Date(Date.now() + 60 * 1000).toString();
			var cookieString = "";

			for (var key in myCookies) {
				cookieString = key+"="+myCookies[key]+";"+expiresAttr+";";
				document.cookie = cookieString;
			}
			document.getElementById("out").innerHTML = document.cookie;
		}
		function loadCookies(){
			myCookies = {};
			var kv = document.cookie.split(";");
			for (var id in kv){
				var cookie = kv[id].split("=");
				myCookies[cookie[0].trim()] = cookie[1];
			}
			document.getElementById('user').value = myCookies["_user"];
			document.getElementById('age').value = myCookies["_uage"];
		}
	</script>
	user: <input type="text" id="user">
	age:  <input type="text" id="age">
	<button onclick="saveCookies()">save to cookies</button>
	<button onclick="loadCookies()">load from cookies</button>
	<p id="out"></p>