Демонстрационный сайт » Каталог файлов » uCoz » Скрипты для uCoz » Простая смена стилей (Дизайна) с запоминанием на куки (cookies) для uCoz

Простая смена стилей (Дизайна) с запоминанием на куки (cookies) для uCoz

Простая смена стилей (Дизайна) с запоминанием на куки (cookies) для uCoz
Скрипты для uCoz
11:07, 19 апрель 2014
2 545
0
Многие из вас хотят подключить на сайт несколько дизайнов, между которыми можно будет переключаться, причём, выбор должен будет запоминаться. Ваша мечта сбылась - этот скрипт позволяет осуществить данную задумку.

На страницах, где будет использован данный скрипт (Можно в глобальный блок), вставляйте:
Код
<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')">


Данный скрипт стоит у нас который меняет цвет синий на красный.
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Вернуться назад
Комментарии (0)
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.