JQuery и cookies

Опубликовано: 23.01.2015

Задумал я сделать появляющееся окошко (на JQuery) с просьбой подписаться на новости сайта. Но вот незадача – нужно показывать эту фигню пользователю только один раз а не после каждой загрузки страницы. Первое что пришло на ум – использовать для этого Cookies.
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.

Само окно с подпиской еще не готово, находится в стадии оформления, поэтому я вам его не покажу, у вас докУментов нету. Да, и кавычки нужно менять на нормальные.

Комментариев — 24 »

  1. cdmad 23.01.2015 в 16:06

    А мне вот никогда jQuerty не нравился

  2. Pavel 24.01.2015 в 0:24

    Довольно старая и проверенная временем библиотека. Помню как до ознакомления с ней использовал, самописные функции на JavaScript. Странно что ее до сих пор не включили в ядро JQuery

  3. Павлуха 27.01.2015 в 14:21

    Почему не работать с cookie в PHP? Стоит кука – не добавлять html, который потом станет модальным окошком. Например, div id="modal". Очень просто в JS потом проверить, есть ли на странице окошко и как его показать: if ( $( "#modal" ).length ) { /* показываем */ }
    Наверное, кэширование?)

  4. lyrics 27.01.2015 в 21:14

    спасибо, посмотрим что за плагин

  5. Михаил 28.01.2015 в 0:19

    Жалко что без примера у меня с jQuerty не очень, если не сказать что очень фигово, хотелось бы на пример посмотреть что получается.

  6. igor 28.01.2015 в 12:25

    делал себе всплывающие окошко тоже, хотел вставить в него видео, толи лыж не едут… то ли че, короче так нормально я его и не сделал

  7. Максим 28.01.2015 в 22:13

    А меня все эти выскакивающие окна с предложением о подписке раздражают только, так что тут еще надо как-то деликатно к этому подойти.

  8. Марюс 29.01.2015 в 10:11

    Зачем велосипед изобретать, на jQuerty есть не один пример, даже с экранированием. Похожие делал с фильтрация по юзеру и гео.

  9. Артём 31.01.2015 в 2:58

    cdmad, почему? классная вещь! ;)

  10. Dmitry Chornyi 3.02.2015 в 15:51

    Cookie Monster бесподобен =) . И на заметку комментатору выше – пишется не JQuerty а JQuery

  11. beklem25 11.02.2015 в 19:51

    =) Такие формы часто встречаються последнее время. Даже уже некоторые выступают против. Обясняя тем, что это мешает и надоедает посетителям Тем не менее пока это работает, почему отказываться.

  12. [m.k] 14.02.2015 в 12:29

    Павлуха, да, можно было и так сделать. Но переделывать лень.

  13. dobermann 18.02.2015 в 20:15

    Получается, что в это всплывающее окно можно добавлять что угодно? Голосование, например… Очень удобно, исходник сего всего чуда… если не жалко =) =)

  14. Павлик 23.02.2015 в 13:57

    У меня только один вопрос – чем document.cookie не устроил?

  15. Юлия 20.03.2015 в 20:43

    “Давайте к нам у нас есть печеньки ” ;)

  16. Николай 25.05.2015 в 18:35

    Простенько и со вкусом

  17. Jeriki 16.06.2015 в 15:44

    Всплывающие окна у большинства часто ассоциируются с рекламой. И часто сайт просто покидают. А вот заинтересовать пользователя чем-то бесплатным в подарок при подписке еще эффективно =) Людям нравятся слова “бесплатно” и “подарок” :-D

  18. Александр 7.07.2015 в 17:35

    cookie рулит, но не всегда с ним работать так просто =)

  19. ClassPic 22.09.2015 в 13:30

    Можно модальные окна деликатно преподносить.
    Хороший jQuery-плагин для создания модальных окон с любым содержимым, а также с использованием cookies – это arcticmodal. Наберите в поиске. Хороший функционал.

  20. Слава 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();
    }

  21. Владимир 8.02.2016 в 22:19

    Спасибо. Всплывающие окна удобны, и скорее привлекают, чем раздражают. Надо попробовать.

  22. Александр 22.03.2016 в 18:24

    Что касается куков, они важны без них и ни туды и ни сюды, однако, как цель мне думается, не только в том, чтобы удобно размещать контент, перелинковку, и там, допустим удобство посещения той или иной страницы. Но изначально смысл кукс был именно в контроле над посетителем из поисковых систем, не стоит об этом тоже забывать.

  23. Киви 7.09.2016 в 5:08

    Довольно старая и проверенная временем библиотека. Помню как до ознакомления с ней использовал, самописные функции на JavaScript. Странно что ее до сих пор не включили в ядро JQuery

  24. Detivnete 28.06.2017 в 11:29

    Доделала сайт, так как это действительно мелочи, но они раздражают. С Сookies пришлось немного поразбираться, но получилось неплохо. Спасибо! =)

Оставьте комментарий к посту ”JQuery и cookies”

Разрешено использовать тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Ключевые слова:
AdSense google page rank Sape SEO WordPress Блог Сапа Софт Яндекс акция ап апдейт бесплатно дизайн домен запросы индекс цитирования интернет интернет-магазин комментарии компьютер конкурс продвижение реклама спам ссылки тИЦ форум эстафета