Как сделать, чтобы закрытие баннера запоминалось в куки на определенное время?

Question

[Alex-Broudy]

Доброго времени суток!

Самого раздражают баннеры на сайтах надоедливые, вот решил облегчить хождение пользователей по сайту без них, с возможностью их скрытия и комфортного пребывания ))
Есть такой скриптик закрытия баннера:

$(".close-banner").click(function(){
	$('.head-banners').slideToggle(100, function(){
		if ($(this).is(':visible')) {
			$('.close-banner').addClass('hidden');
			$('.head-banners').addClass('hidden');
		} else {} 
	});
	return false;
});

Классы:
head-banners - здесь размещается баннер
close-banner - кнопка отвечающая за закрытие баннера
hidden - класс содержащий display:none;

Не получается сделать так, чтобы, если пользователь нажал кнопку «скрыть баннер», чтобы это действие запоминалось браузером например на 1 час только для данного пользователя и если данный пользователь в течении часа с момента скрытия им баннера будет ползать по всем страницам сайта где этот баннер может быть установлен — баннер не будет показываться, а по истечении часа баннер снова будет отображаться.

Для этого решения использую js.cookie.js

С куками никогда не работал и уже который день все мои попытки реализовать задумку неудачны.

Буду благодарен за любую помощь, советы и подсказки!

Comments

[alex-1917]

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

[Alex-Broudy]

alex-1917, у меня сайт на вордпресс, плагины не хочется устанавливать, когда их много это плохо, а вот небольшой скрипт легко бы решил этот вопрос.

[alex-1917]

Alex-Broudy, да это шутка дня была...
записать в куки - прочитать куки - гугли эти словосочетания и обрящещь.
искать для тебя и копировать ОДНУ строчку кода считаю как минимум неразумным действием

[Gip]

на самом деле куку уже можно ставить при показе баннера, а не при закрытии. т.е. это вполне решается и без JS - на бэкенде во время отрисовки.

[Alex-Broudy]

alex-1917, гуглил, пробовал, ничего не получается, знаний не хватает, может все-таки разумно будет одну строчку добавить? ))

[Alex-Broudy]

Владислав, если не трудно покажите на примере? буду очень благодарен!

Answer 1

[alex-1917]

1. Подключай на страницу скрипт, если он еще не подключен <script src="/path/to/js.cookie.js"></script>
2. Код :

$(document).ready(function(){
	if (!getCookie('cook_banner')) {
        window.setTimeout(function () {
			$('.banner').css('display', 'block');
			$('.banner_close').click(function () {
				$('.banner').css('display', 'none');
				setCookie('cook_banner', true, 1);
			});
		}, 3000);
	}
});

Comments

[Alex-Broudy]

alex-1917, большое спасибо!