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