» » » Используем cookies! [JS]

Используем cookies! [JS]

Название: Cookies
Автор: Gameer vs SaD
CMS: К любой можно привязать
Тип скрипта: JS

Описание:
Сегодня, сам искал как сделать это, спасибо SaD'у за его код. Его чуток подправил под себя. Изначально код был таковым:
Идет проверка сгорнут ли объект, если нажимали на кнопку, то запоминалось в куки и потом развернуть не можно было его, только когда удалим куки. Я же дописал, что можно и сворачивать и разворачивать и запоминать все это в куки.

Вставляем код, куда вам нужно:
<script>
$(document).ready(function(){
$("#setCookie").click(function () {
if ( $.cookie("popup") == '0' ) {
$.cookie("popup", "1", {expires: 1} );
} else {
$.cookie("popup", "0", {expires: 1} );
}
$("#popupBlock").toggle();
});
if ( $.cookie("popup") == '0' ) { $("#popupBlock").show(); }
else { $("#popupBlock").hide(); }
});
</script>


Инструкция:

Далее вставляем id="setCookie" в кнопку или ссылку что бы сохраняло куки и скрывало или открывало тот или иной блок, пример:
<li><a href="#" id="setCookie"><span class="fa fa-chevron-down"></span></a></li>


Потом куда надо вставляем еще один id="popupBlock", что бы оно скрывалось или открывалось на при нажатии на кнопку, которою задали сверху.
Пример:
<div id="popupBlock" class="block-content list nbfc">
тут типа что то еще, что нужно скрыть.
</div>


Указываем сколько дней хранятся куки, здесь задано 1 - это значит хранятся один день. После чего удаляются.
{expires: 1}


Вот и все :)

P.S Если перевести слово с англ cookies - печенье


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Комментарии

4
Ничего не понял sad
4
Спасибо, давно искал подобный код! Однако озадачен вопросом, как модернизировать его под несколько блоков на сайте? Что бы не прописывать десяток подобных кодов с разными ID номерами параметра setCookie и popupBlock?

Цитата: Dunwell_ALONE
Ничего не понял

первый кусок кода вставляешь в main.tpl к примеру сразу после </head>
Дальше к куску кода, который отвечает за вывод блока на сайте допиши id="popupBlock" (обычно это div)
В этом же блоке придумай куда вставить кнопку которая будет отвечать за открытие/закрытие блока с обязательным id="setCookie"
4

TITAN-UZ

Посетители 7 февраля 2014 06:03
Надобы это адаптировать голосования в DLE

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.