Как показать окно человеку только один раз?

Question

[Alpha12]

Добрый день!
Есть попап-окно, мне нужно, чтобы оно отображалось только в мобильной версии и только один раз.

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

Подскажите, это нужно куки?

$(document).ready(function() {    
          if ($(window).width() < 768 ) {    
    		$('#mobile').show();   
    	$('#mobile span').click(function() {
    		$('#mobile').hide();
    	});
    }        
    	});

Answer 1

[Eugene Chefranov]

$(document).ready(function() {
  if ($(window).width() < 768) {
    if (localStorage.getItem("modal") != "off") {
      $("#mobile").show();
    }
    $("#mobile span").click(function() {
      $("#mobile").hide();
      localStorage.setItem("modal", "off");
    });
  }
});

Если надо будет не навсегда, а до закрытия вкладки браузера, то localStorage замените на sessionStorage

Comments

[Alpha12]

Нет, можете сами попробовать
https://taxilex.com.ua/

[Eugene Chefranov]

Alpha12, так попробуйте

$(document).ready(function() {
  if ($(window).width() < 768) {
    if (localStorage.getItem("modal") == null) {
      $("#mobile").show();
    }
    $("#mobile span").click(function() {
      $("#mobile").hide();
      localStorage.setItem("modal", "off");
    });
  }
});

[Alpha12]

Eugene Chefranov, Нет((

[Eugene Chefranov]

Alpha12, значит где-то еще вызывается $('#mobile').show(). Мой первый и второй код должен работать

[Alpha12]

Да верно в css было

[Alpha12]

Спасибо!

Answer 2

[Антон]

Если пока не закроет браузер, то Session Storage

Comments

[Alpha12]

Можете подробнее пояснить пожалуйста?

[Антон]

Alpha12, А там и разбираться нечего особо. Что значит

а я не знаком с ними.

Познакомьтесь, делов там на час.
Ключ-значение, в момент показа записываете в сторейдж ключ и его значение, например, is_show и значение 1, потом пишите условие и проверяете, есть ли эта переменная у человека в сторейдже, если нет - показывайте, нет - не показываете

[Alpha12]

Антон, Я далек от этого.. могу только скопировать вставить.

[Дмитрий Арушанов]

А что вам не понятно?
В данном ответе указан
Session Storage - хранит данные до закрытия страницы
есть еще Local Storage - харнит данные до удаление
Если вам всего 1 раз нужно показать это окно (даже если потом будет другой браузер) - то писать в базу.

Алгоритм - Вы отображаете баннер 1 раз. и Потом в одно из выше перечисленных хранилищ заводите флаг а том что банер отображен.

Ну и не забывайте о проверке
если значение есть - то больше не показывать
если значения нет - то показать банер

[Антон]

Alpha12, Это не сервис предоставления готовых ответов. Кто-то придет, может и напишет вам это решение полностью, но по факту это моветон. Сам алгоритм описан, пробуйте.