Простая смена стилей с запоминанием в куки (cookies) на Javascript
Распечатать

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

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

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

Установка:
1. На страницах, где будет использован данный скрипт, вставляйте

<link id="dyncss" rel="stylesheet" type="text/css" href="">
<script type="text/jаvascript">
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>


2. Следующий код в то место, где будут выводиться картинки для переключения между стилями:

<img style="cursor:pointer;" src="Ссылка на картинку 1" onclick="setDynCSS('Ссылка на стиль 1.css')"> 
<img style="cursor:pointer;" src="Ссылка на картинку 1" onclick="setDynCSS('Ссылка на стиль 2.css')">

Вот и всё.


Раздел: Универсальные cкрипты

Категория: Различные

Кодировка: utf-8

Автор: Неизвестен

Опубликовал: Дмитрий


Дополнительные Скриншоты - Простая смена стилей с запоминанием в куки (cookies) на Javascript

Подождите, сейчас файл будет подготовлен, через
секунд Вы получите ссылку на скачивание,
а сейчас может Зарегистрируемся? wink это быстро!

Имя:*
E-Mail:
Кликните на изображение чтобы обновить код, если он неразборчив

Copyright © 2023 | Проект GiG-LiFe.ru
Материалы на этом сайте взяты из общедоступных источников и могут быть удалены по просьбе авторов, при наличии доказательства авторства.
Materials on this site are taken from public sources and may be deleted at the request of their authors when there is evidence of authorship.