Главная » Файлы » Прочие скрипты » Яваскрипты

Простая смена стилей с запоминанием на куки (cookies) для uCoz
23.06.14, 12:07:21



Многие из вас хотят подключить на сайт несколько дизайнов, между которыми можно будет переключаться, причём, выбор должен будет запоминаться. Ваша мечта сбылась - этот скрипт позволяет осуществить данную задумку:

На страницах, где будет использован данный скрипт (Можно в глобальный блок), вставляйте:
Код
<link id="dyncss" rel="stylesheet" type="text/css" href="">
  <script type="text/javascript">
  function setDynCSS(url) {
  if (!arguments.length) {
  url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1];
  if (!url) return '';
  }
  document.getElementById('dyncss').href = url;
  var d = new Date();
  d.setFullYear(d.getFullYear() + 1);
  document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');
  return url;
  }
  setDynCSS();
  </script>


Следующий код в то место, где будут выводиться картинки для переключения между стилями:
Код
<img style="cursor:pointer;" src="Ссылка на картинку 1" onclick="setDynCSS('Ссылка на стиль 1.css')">
  <img style="cursor:pointer;" src="Ссылка на картинку 1" onclick="setDynCSS('Ссылка на стиль 2.css')">


Всё! Наслаждайтесь эффектом!

Источник: http://isucoz.ru

Материал подготовлен Apocalypse

Категория: Яваскрипты | Добавил: Apocalypse | Теги: (cookies), Простая, ucoz, на, смена, стилей, запоминанием, для, Куки
Просмотров: 449 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: