<script type="text/javascript"> // Функция создания кукиса function createCookie(name, value, days) { if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); var expires = "; expires=" + date.toGMTString(); } else var expires = ""; document.cookie = name + "=" + value + expires + "; path=/"; }
// Функция чтения function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; }
// Функция уничтожения... function eraseCookie(name) { createCookie(name, "", -1); }
function myCookieTest (select_value){ // Проверяем существует ли кукис if (readCookie('testcookie')){ // testcookie это имя кукиса // Кукис существует, перезапишем его eraseCookie('testcookie'); // Удаляем createCookie('testcookie', select_value, 365); // Создаём } else { // Просто создаём кукис createCookie('testcookie', select_value, 365); } } onload = function (){ if (readCookie('testcookie')){ // Изменяем значение селекта на хранимое в кукисах. document.getElementById('myselect').value = readCookie('testcookie'); } } </script>
<!-- При изменении опции в селекте, значение запишится в кукис с именем testcookie--> <select id="myselect" onchange="myCookieTest(this.value)"> <option value="0">Тест 1</option> <option value="1">Тест 2</option> <option value="2">Тест 3</option> <option value="3">Тест 4</option> </select>
<script type="text/javascript"> /* COOKIE начало */ // Функция создания кукиса function createCookie(name, value, days) { if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); var expires = "; expires=" + date.toGMTString(); } else var expires = ""; document.cookie = name + "=" + value + expires + "; path=/"; } // Функция чтения function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } // Функция уничтожения... function eraseCookie(name) { createCookie(name, "", -1); } /* COOKIE конец */ function header_check_visibility (){ if (readCookie('header')){ switch (readCookie('header')){ case '0': // header_id - id элемента, который скрываем или показываем. document.getElementById('header_id').style.display = 'block'; break; case '1': document.getElementById('header_id').style.display = 'none'; break; } document.getElementById('header_select').value = readCookie('header'); } } function header_visibility (select_value){ createCookie('header', select_value, 365); header_check_visibility(); } onload = function(){ header_check_visibility(); } </script>
// Функция создания кукиса function createCookie(name, value, days) { if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); var expires = "; expires=" + date.toGMTString(); } else var expires = ""; document.cookie = name + "=" + value + expires + "; path=/"; }
// Функция чтения function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; }
// Функция уничтожения... function eraseCookie(name) { createCookie(name, "", -1); }
if (!readCookie('age')) { // Если кукис не найден if (!confirm('Доступ в раздел ограничен по возрасту. Вам есть 18 лет?')) { window.location.replace('http://www.pop-corna.net'); } else { eraseCookie('age'); createCookie('age', '18+', 666); // имя кукиса, значение, дни } }
diz = get_cookie('mydiz'); if (!diz) diz = 'файл стилей по умолчанию'; document.write('<link type="text/css" rel="StyleSheet" href="http:.../css/' + diz + '.css">');
function dizsave(val) { set_cookie('mydiz', val); location.reload(); } < /script> <input name="mdiz" src="путь к картинке" onClick="dizsave(this.value)" value="css файл 1" type="image"> <input name="mdiz" src="путь к картинке" onClick="dizsave(this.value)" value="css файл 2" type="image"> <input name="mdiz" src="путь к картинке" onClick="dizsave(this.value)" value="css файл 3" type="image">
function setCookie(name, value, days) { if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); var expires = "; expires=" + date.toGMTString(); } else var expires = ""; document.cookie = name + "=" + value + expires + "; path=/"; }
function getCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; }
function eraseCookie(name) { setCookie(name, "", -1); }
зы. Помещаем эти функции в блокнот и сохраняем с кодировкой UTF-8 под названием cookies.js
Пример с setCookie. Как я уже писал выше, эта функция создаёт cookie.
Code
setCookie('test','my content', 365);
test - имя cookie.
my content - содержимое cookie.
365 - количество дней хранения cookie.
Теперь у нас есть cookie с именем test и содержимым my content.
Пример с getCookie. Так как у нас уже есть cookie с именем test, то мы можем его прочитать.
Code
if (getCookie('test')) { // Проверяем, существует ли cookie с именем test alert(getCookie('test')); // Если такой cookie есть, то мы получим его содержимое }
Как вы уже поняли, то getCookie('имя cookie') возвращает содержимое cookie, в нашем случаи my content.
Пример с eraseCookie. Тут всё просто, если cookie нам больше не нужен, то мы его удаляем.
Code
if (getCookie('test')) { // Проверяем существование eraseCookie('test'); // Удаляем }
Всё, теперь нашего cookie с именем test не существует.
a:link {text-decoration:none; color:#559B36;} Подкласс "link" используется для указание стилей ссылок которые пользователь ещё не посещал
a:active {text-decoration:none; color:#559B36;} Подкласс "active" используется для указания стилей активных ссылок
a:visited {text-decoration:none; color:#559B36;} Подкласс "visited" используется для указания стилей ссылок на страницы которые пользователь уже посетил.
a:hover {text-decoration:underline; color:#000000;} Подкласс "hover" используется для указания стилей ссылок над которыми находится указатель мыши
Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает. По истечении 24 часов материал должен быть удален с вашего компьютера. Незаконная реализация карается законами РФ и Украины: "Об авторском и смежном праве". При копировании материала, ссылка на сайт обязательна!