Задумал я сделать появляющееся окошко (на JQuery) с просьбой подписаться на новости сайта. Но вот незадача – нужно показывать эту фигню пользователю только один раз а не после каждой загрузки страницы. Первое что пришло на ум – использовать для этого Cookies.
Просто так это сделать нельзя (вообще, можно, но тогда двумя строчками кода не обойдешься), нужно добавить плагин jquery.cookie.js. Скачать его можно на странице http://plugins.jquery.com/cookie/ .
Главное не забудьте <script type=”text/javascript” src=”jquery.cookie.js”></script>.
Как работать с JQuery и Cookies?
Очень просто:
$.cookie(‘cookie_name’, ‘cookie_value’); //чтобы записать новые или перезаписать существующие кукисы
$.cookie(‘cookie_name’); //получить значения
Чтобы удалить кукисы вместо значения нужно добавить null.
Само окно с подпиской еще не готово, находится в стадии оформления, поэтому я вам его не покажу, у вас докУментов нету. Да, и кавычки нужно менять на нормальные.
cdmad 23.01.2015 в 16:06
А мне вот никогда jQuerty не нравился
Pavel 24.01.2015 в 0:24
Довольно старая и проверенная временем библиотека. Помню как до ознакомления с ней использовал, самописные функции на JavaScript. Странно что ее до сих пор не включили в ядро JQuery
Павлуха 27.01.2015 в 14:21
Почему не работать с cookie в PHP? Стоит кука – не добавлять html, который потом станет модальным окошком. Например,
div id="modal"
. Очень просто в JS потом проверить, есть ли на странице окошко и как его показать:if ( $( "#modal" ).length ) { /* показываем */ }
Наверное, кэширование?)
lyrics 27.01.2015 в 21:14
спасибо, посмотрим что за плагин
Михаил 28.01.2015 в 0:19
Жалко что без примера у меня с jQuerty не очень, если не сказать что очень фигово, хотелось бы на пример посмотреть что получается.
igor 28.01.2015 в 12:25
делал себе всплывающие окошко тоже, хотел вставить в него видео, толи лыж не едут… то ли че, короче так нормально я его и не сделал
Максим 28.01.2015 в 22:13
А меня все эти выскакивающие окна с предложением о подписке раздражают только, так что тут еще надо как-то деликатно к этому подойти.
Марюс 29.01.2015 в 10:11
Зачем велосипед изобретать, на jQuerty есть не один пример, даже с экранированием. Похожие делал с фильтрация по юзеру и гео.
Артём 31.01.2015 в 2:58
cdmad, почему? классная вещь!
Dmitry Chornyi 3.02.2015 в 15:51
Cookie Monster бесподобен
. И на заметку комментатору выше – пишется не JQuerty а JQuery
beklem25 11.02.2015 в 19:51
[m.k] 14.02.2015 в 12:29
Павлуха, да, можно было и так сделать. Но переделывать лень.
dobermann 18.02.2015 в 20:15
Получается, что в это всплывающее окно можно добавлять что угодно? Голосование, например… Очень удобно, исходник сего всего чуда… если не жалко
Павлик 23.02.2015 в 13:57
У меня только один вопрос – чем document.cookie не устроил?
Юлия 20.03.2015 в 20:43
“Давайте к нам у нас есть печеньки ”
Николай 25.05.2015 в 18:35
Простенько и со вкусом
Jeriki 16.06.2015 в 15:44
Всплывающие окна у большинства часто ассоциируются с рекламой. И часто сайт просто покидают. А вот заинтересовать пользователя чем-то бесплатным в подарок при подписке еще эффективно
Людям нравятся слова “бесплатно” и “подарок”
Александр 7.07.2015 в 17:35
cookie рулит, но не всегда с ним работать так просто
ClassPic 22.09.2015 в 13:30
Можно модальные окна деликатно преподносить.
Хороший jQuery-плагин для создания модальных окон с любым содержимым, а также с использованием cookies – это arcticmodal. Наберите в поиске. Хороший функционал.
Слава 16.12.2015 в 22:32
И все-таки мне кажется, подключать библиотеку только ради запроса одной куки излишне (а может и саму библиотеку Jquery еще). Для этого можно использовать простые JS-функции чтение/запись cookie:
function getCookie(name){
var matches = document.cookie.match(new RegExp(
"(?:^|; )" + name.replace(/([.$?*|{}()[]\/+^])/g, '\$1') + "=([^;]*)"
));
return matches ? decodeURIComponent(matches[1]) : undefined;
}
function setCookie(name,value){
var date = new Date( new Date().getTime() + 2592000000 );
document.cookie=name+'='+value+'; path=/; expires='+date.toUTCString();
}
Владимир 8.02.2016 в 22:19
Спасибо. Всплывающие окна удобны, и скорее привлекают, чем раздражают. Надо попробовать.
Александр 22.03.2016 в 18:24
Что касается куков, они важны без них и ни туды и ни сюды, однако, как цель мне думается, не только в том, чтобы удобно размещать контент, перелинковку, и там, допустим удобство посещения той или иной страницы. Но изначально смысл кукс был именно в контроле над посетителем из поисковых систем, не стоит об этом тоже забывать.
Киви 7.09.2016 в 5:08
Довольно старая и проверенная временем библиотека. Помню как до ознакомления с ней использовал, самописные функции на JavaScript. Странно что ее до сих пор не включили в ядро JQuery
Detivnete 28.06.2017 в 11:29
Доделала сайт, так как это действительно мелочи, но они раздражают. С Сookies пришлось немного поразбираться, но получилось неплохо. Спасибо!