Всплывающее окно при первом посещении сайта на jQuery

Представляю вашему вниманию гостевой пост от Сергея Предводителева, одного из разработчиков Арктической Лаборатории. * * * На некоторых сайтах необходимо при первом посещении показывать посетителю информацию во всплывающем окне. Это может потребоваться, например, для сайтов некоторых тематик, чтобы узнать возраст посетителя. Ещё один ...

Полезные комментарии (1)
Комментарии (121)
  1. 1
    Велимудр

    Добрый день.
    Куки не работают в Опере, при обновлении окно так и появляется, сделал всё, естественно, как в статье.
    Подключал и скачанные файлы, и с яндекса — не работает.

  2. 2
    Станислав
    @

    Установил на MODx решение, все работает. Только у меня 2 модальных окна. И возникла задача показывать их последовательно. setTimeout не подходит для этой задачи, т.к. если пользователь не закроет первое окно, появится второе поверх. Нужно прописать JS условие, которое проверяет: открыто ли уже модальное окно arcticmodal. Можете помочь?

  3. 3
    Flax

    Здравствуйте не работает на браузере гугол хром, как можно решить данную проблему?

  4. 4
    Виктор

    Здравствуйте. Подскажите пожалуйста люди добрый.
    Есть такая задача, нужно чтобы страница обновлялась один раз за сессию, применяю ваш скрипт, но вместо модального окна вставляю свой скрипт обновления страницы и ничего не работает.
    Выглядит это так:

    (function($) {
    $(function() {
     if (!$.cookie('was')) {
    	 
    function apnut_tolko_1_raz() {
     if (!window.location.hash) {
     window.location = window.location + '#uge_obnovleno';
     window.location.reload();
     }
    }
    setTimeout("apnut_tolko_1_raz()", 0);
    
    
     }
     $.cookie('was', true, {
     expires: 365,
     path: '/'
     });
    
    })
    })(jQuery)
    

    Подскажите пожалуйста что неправильного в моём коде?

  5. 5
    Антон

    Привет! никак не хочет работать, в консоль бьет ошибку b.wrap is undefined!! Помогите пожалукйста

  6. 10
    Александр

    Добрый день!
    Подскажите пожалуйста, как поставить задержку для всплытия окна, мне надо чтоб оно появлялось через 5 секунд?

  7. 12

    Добрый день!
    Требовалось создать всплывающее окно для раздела для специалистов с вопросом и ответами — «Да» и «Нет». Хотелось, чтобы после нажатия «Да» (т.е. подтверждения, что я — специалист) окно закрывалось , в куках сохранялась информация и окно в течение указанного срока больше не отображалось. При клике на «Нет» осуществлялся бы переход на главную страницу, а при повторной попытке вновь бы всплывало окно.

    Кнопки сделал, переход и закрытие окна происходит, но вот что прописать в

    $.cookie(‘was’, true, {
    expires: 365,
    path: ‘/’
    });

    не знаю.

    Подскажите, пожалуйста.

  8. 13
    Sergey

    Сделал по Вашему совету coockie с временем жизни 2 минуты, НО если посетитель в течение этих 2х минут снова перезагрузит страницу, то создаётся новый coockie и тоже на 2 минуты и так до бесконечности. Выходит если сделать coockie на 1 сутки, то запрет показа будет продляться постоянно. Как сделать, чтобы не создавался новый coockie, а просто проверялось наличие и валидность первого?

    присоединюсь к вопросу прошу подсказать с примером как сделать чтобы оно каждый раз куку не обновляло?

  9. 14
    Sergey

    Всем привет, может кто подскажет как сделать чтобы показывать модальное окно только в первые 5 посещений страницы? поидее нужно как-то счетчик запилить и потом проверять если показов в куке записано меньше 5ти показывать если больше не показывать, я просто ен знаю как это на яваскрипте изобразить( прошу помощи. Спасибо

  10. 15
    Alex

    Люди добрые, а данный скрипт можно сделать таким образом что бы модал выскакивал при ВТОРОМ заходе, проверив наличие куки и выдавал модальное окно, желательно со своими дивами и прочими потрахами (а не из вне). Спасибо.

  11. 16
    Александр

    Здравствуйте.
    Как сделать так, чтобы при проявлении окна не срабатывал скролл к верху страницы?

  12. 17
    Дмитрий

    Спасибо! Хороший модуль.
    Скажите пожалуйста, а как этот вывод сделать 1) при 2-ом посещении; 2) после, скажем, 5 минут на сайте нахождения на сайте?

  13. 18
    Юрий

    Люди добрый, помогите подключить этот модуль… На лэндинге — нифига не работает. Бьюсь уже пол дня.. (( Вот адрес тестового лендинга: http://evakuator.h1n.ru/
    Что я могу не так делать?

  14. 19
    Oleg

    Здравствуйте, попросил фрилансера изменить местоположение баннеров адсенсе, заплатил конечно, затем начал замечать всплывающее окно с рекламой при открытии сайта, появляется оно только при первом запуске сайта. Количество посетителей резко сократилось, видимо это отпугивает их. Сайт на DLE. Подскажите пожалуйста, где и что искать чтобы удалить его.

  15. 21
    Igor

    Скажите, а как вызывать выполнение скрипта по нажатию на ссылку? Пытаюсь реализовать выбор города. Окно всплывает, все хорошо. Но надо, чтобы можно было сменить город и позднее нажатием на ссылку с его названием.

  16. 22
    Igor

    Вот так

    
    <script> 
    $(document).ready(function(){
    $(".modal").click(function(){
    $('#boxUserFirstInfo').arcticmodal({ 
     closeOnOverlayClick: true, 
     closeOnEsc: true 
     });
     return false;
    });
    })
    </script> 
    
    <a href="#" class="modal" >открыть окно</a>
  17. 23
    Вячеслав

    Вот хороший пример
    Работает на JQuery, и другие плагины не нужны.
    А вот тут я немножко доработал это решение.

  18. 24
    hunter0k

    А как сделать, чтобы всплывающее окно появлялось с небольшой задержкой, то есть не сразу после открытия страницы сайта, а секунд через 15?

  1. 1

    Вот эту част кода:

     // Покажем всплывающее окно 
     $('#boxUserFirstInfo').arcticmodal({ 
     closeOnOverlayClick: false, 
     closeOnEsc: true 
     });
    

    заворачиваем вот так:

    setTimeout(function() {
    
     // Покажем всплывающее окно 
     $('#boxUserFirstInfo').arcticmodal({ 
     closeOnOverlayClick: false, 
     closeOnEsc: true 
     });
    
    },10000)
    

    10000 — это 10 секунд, время, через которое всплывет окно.

Ваш комментарий