VSEpodrad.ru

<title>Тестируем Cookies</title>  

  <style type="text/css">  

  /* headings */  

  h1, h2 { margin-bottom: 4px; }  

  h1 { font-size: 16pt; }  

  h2 { font-size: 12pt; color: darkred; }  

   

  /* element styles */  

  div  

  {  

  width: 600px;  

  border: 1px dashed darkgray;  

  padding: 5px;  

  }  

   

  #data  

  {  

  font-style: italic;  

  }  

   

  .normal { color: darkgreen; }  

  .empty { color: gray; }  

  </style>  

  <script type="text/javascript">  

  // UI utilities  

  $ = function(id) { return document.getElementById(id); }  

  if (window.attachEvent)  

  {  

  window.addEventListener = function(eventName, func, args)  

  {  

  window.attachEvent('on' + eventName,  

  function() { func(window.event, args); })  

  }  

  }  

   

  // cookies utilities  

  getCookies = function()  

  {  

  var cookies = {};  

   

  var items = document.cookie.split("; ");  

  for (var ii = 0; ii < items.length; ii++)  

  {  

  var keyValuePair = items[ii].split("=");  

   

  cookies[keyValuePair[0]] = decodeURIComponent(keyValuePair[1]);  

  }  

   

  return cookies;  

  }  

   

  setCookie = function(key, value, expires)  

  {  

  document.cookie =  

  key + "=" + (value ? encodeURIComponent(value) : "")  

  + ";expires=" + expires.toGMTString();  

  }  

   

  // main  

  var storageKey = "MyNote";  

   

  function TryLoadData()  

  {  

  var data = $("data");  

   

  var cookies = getCookies();  

   

  var value = cookies[storageKey];  

  if (value != null)  

  {  

  data.className = "normal";  

  data.innerHTML = value;  

  }  

  else  

  {  

  data.className = "empty";  

  data.innerHTML = "(пусто)";  

  }  

  }  

   

  function Window_Load()  

  {  

  TryLoadData();  

  }  

   

  function Save_Click()  

  {  

  var t = $("textbox");  

   

  var dt = new Date();  

  dt.setHours(dt.getHours() + 1);  

   

  setCookie(storageKey, t.value, dt);  

   

  TryLoadData();  

  }  

   

  window.addEventListener("load", Window_Load, null);  

  </script>  

  <h1>Тестируем Cookies</h1>  

   

  <h2>Введите данные:</h2>  

  <div>  

  <textarea id="textbox" rows="6" cols="40"></textarea>  

   

  <input type="button" value="Сохранить" onclick="Save_Click()" />  

  </div>  

   

   

  <h2>Сохраненные данные:</h2>  

  <div id="data"></div>