<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>
