Куки и всплывающее окно

@АринаБелоногова · Регистрация: 08.08.2019

Студворк — интернет-сервис помощи студентам

Всем здравствуйте, поставили такую задачу: Есть всплывающее окно с формой обратной связи, оно появляется через n-количество времени (например 60 секунд). Когда форму закрывают и человек остается на этой странице форма не появляется. Но если человек перейдет на другую страницу, то также через n-количество форма появится. Пробовала с обычными куками, но нужен такой вариант, чтобы когда человек закрыл сайт (но не обновил кэш), а потом свона вошел, куки ему появились на одной странице, а на других нет.

Байт · 26.02.2020, 11:57

АринаБелоногова, может быть как-то через sesionStorage?

@АринаБелоногова · 26.02.2020, 12:07 **[ТС]**

Байт, сейчас у меня написано вот что:

JavaScript
1
 var delay_popup=60000;setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);

Был вот такой скрипт, который показывал popup один раз через определенное время, после закрытия формы оно больше не появлялось, если не очистить кэш через настройки браузера:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
'use strickt'
 
const populLoad = 'popupLoad';
 
        function getPopupTime(popupLoad) {
            let time = new Date().getTime();
            if (localStorage.getItem(popupLoad)) {
                time -= localStorage.getItem(popupLoad);
                console.log(time);
            } else {
                localStorage.setItem(popupLoad, time);
            }
            return time;
        }
 
        // 60000 - 1 минута
        // 3600000 - 1 час
 
        if (getPopupTime(populLoad) > 3600000) { 
            document.getElementsByClassName("block")[0];
            localStorage.setItem(populLoad, new Date().getTime()); // Обновляем после появления блока..
        }
        
        
        function get_cookie(popupLoad){
    let results = document.cookie.match('(^|;) ?' + popupLoad + '=([^;]*)(;|$)');
 
    if (results)
        return (unescape(results[2]));
    else
        return null;
}
 
// интервал вывода окна в секундах
let interval = 5000;
let delay_popup=10000;
 
if (get_cookie('modal') === null) {
    setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
 
    document.cookie = "modal=1; domain=\; max-age=" + interval;
 
}

Можно как-нибудь доработать второй скрипт, чтобы показывал popup при каждом заходе на сайт, а при переходе на новую страницу сайта popup не появлялся каждый раз, вообще такое реально реализовать?

@АринаБелоногова · 28.02.2020, 12:14 **[ТС]**

Вообщем разобралась самостоятельно
Кину на всякий случай мое решение.

Что имеет: Форма всплывает через 40 секунд, после закрытия формы больше не появляется, пока посетитель находится на сайте. После закрытия странички, а затем повторного открытия, форма вновь появляется через 40 секунд.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<div id="parent_popup">
        <div id="popup">
    <div class="forma">
        <div class="feedback">
            <p class="head1">НЕ НАШЛИ ОТВЕТА НА<br>СВОЙ ВОПРОС?</p>
            <p class="head2">Закажите консультацию<br>нашего специалиста.</p>
            <!--FEEDBACK-->
            <form action="/js/popup.php" method="post" style="text-align: center; height: 390px;">
 <br>
 
 <input type="text" name="first_name" required="" placeholder="Введите имя*" class="inputpopup"><br><br>
 <input type="email" name="email" required="" placeholder="Введите e-mail*"class="inputpopup"><br><br>
 <input type="tel" name="phone" required="" placeholder="Введите номер*" onkeyup="return proverka(this);" class="inputpopup"> 
<br><br>
<label>Причина Обращения:</label><br>
 <textarea rows="5" name="message" cols="30" class="textareapopup" onkeyup="limitInput( 'ru', this );" required=""></textarea><br> 
<br><br>
<br>
<br><br>
 
 
 
<input type="submit" name="submit" value="Отправить" class="btn">
<input type="hidden" name="recaptcha_response" id="recaptchaResponse">
</form>
        </div>
        <div class="image">
            <img class="bg" src="/МАКЕТ.png" alt="">
        <a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';"><img  class="clos" src="/кнопка.png" width="30"></a>
        </div>
    </div>
    </div>
    </div>

файл popup.js подключаем перед </body>

JavaScript
1
2
3
4
5
6
7
if (!!!sessionStorage.getItem('firstVisit')) 
    {
    var delay_popup=40000;//40 секунд
    setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
    sessionStorage.setItem('firstVisit', '1');
 
    }

Делалось все через sessionStorage как советовали выше

Новые блоги и статьи Все статьи Все блоги /
1С: Контроль уникальности заводского номера Maks 23.03.2026 Алгоритм контроля уникальности заводского (или серийного) номера на примере документа выдачи шин для спецтехники с табличной частью. Данные берутся из регистра сведений, по которому настроено. . .	Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения anaschu 22.03.2026 e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git	1С: Программный отбор элементов справочника по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .
Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	1С: Программный отбор элементов справочника по значению перечисления Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит значение перечислений. / / Событие "НачалоВыбора" реквизита на форме. . .	Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .

@АринаБелоногова 2 / 2 / 1 Регистрация: 08.08.2019 Сообщений: 35

	Куки и всплывающее окно 26.02.2020, 11:15. Показов 1855. Ответов 3 Метки html, javascript, jquery, popup (Все метки) Всем здравствуйте, поставили такую задачу: Есть всплывающее окно с формой обратной связи, оно появляется через n-количество времени (например 60 секунд). Когда форму закрывают и человек остается на этой странице форма не появляется. Но если человек перейдет на другую страницу, то также через n-количество форма появится. Пробовала с обычными куками, но нужен такой вариант, чтобы когда человек закрыл сайт (но не обновил кэш), а потом свона вошел, куки ему появились на одной странице, а на других нет. 0

Байт Диссидент 27714 / 17332 / 3810 Регистрация: 24.12.2010 Сообщений: 38,978
	26.02.2020, 11:57
	АринаБелоногова, может быть как-то через sesionStorage? 1

Куки и всплывающее окно

Решение