Как реализовать открытие формы при заходе на сайт?

Question

VladimirPortev @VladimirPortev

Как реализовать открытие формы при заходе на сайт?

У меня есть Fancybox

jQuery(document).ready(function() {
		 jQuery('.popul_item').click(function () {
        jQuery(this).parents('form').submit();
    });
	jQuery.fancybox.open({ 
		padding : [0, 0, 20, 0],
			helpers: {
				overlay: {
					locked: false
				}
			},
			wrapCSS : "fancy--rajon",
			href: "#sel--rajon"
	});

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

Вопрос задан более трёх лет назад
281 просмотр

Комментировать

Подписаться 1 Оценить Комментировать

Решения вопроса 1

11 комментариев

VladimirPortev @VladimirPortev Автор вопроса

jQuery(document).ready(function() {
var rajon = $.cookie('rajon');
if (rajon != "Y") {
    jQuery('.popul_item').click(function () {
        jQuery(this).parents('form').submit();
    });
	jQuery.fancybox.open({ 
		padding : [0, 0, 20, 0],
			helpers: {
				overlay: {
					locked: false
				}
			},
			wrapCSS : "fancy--rajon",
			href: "#sel--rajon"
	
	});
	        $.cookie('rajon', 'Y', {
            expires: 7,
            path: '/',
        });

Я сделал так. Не работает(

Написано более трёх лет назад

Артем @devspec

$(document).ready(function(){
if ($.cookie('rajon') == null ){
// set cookie
// show fancybox
}
});

Написано более трёх лет назад

VladimirPortev @VladimirPortev Автор вопроса

jQuery(document).ready(function() {
if ($.cookie('rajon') == null ){
        $.cookie('rajon', 'Y', {
            expires: 7,
            path: '/',
        });
    jQuery('.popul_item').click(function () {
        jQuery(this).parents('form').submit();
    });
	jQuery.fancybox.open({ 
		padding : [0, 0, 20, 0],
			helpers: {
				overlay: {
					locked: false
				}
			},
			wrapCSS : "fancy--rajon",
			href: "#sel--rajon"
	});	
}
не работает

Написано более трёх лет назад

Артем @devspec

Собственно, два варианта. Либо вы работаете с локальным файлом (вероятнее всего), либо вы не подключили плагин jquery.cookie.js. Залил на сервер - всё работает как надо. При отладке локального файла cookie установить невозможно.

Написано более трёх лет назад
VladimirPortev @VladimirPortev Автор вопроса

Артем: у меня явная ошибка в коде - это точно, но я просто не могу понять какая.

Написано более трёх лет назад
Артем @devspec

Чтобы понять какая - достаточно открыть консоль разработчика в браузере. В приведенном коде - на что ругнулась моя консоль:
1. Надо сделать вместо jQuery(document).ready(function() - $(document).ready(function() {
2. Эта же функция не закрыта в конце скобками: });

Написано более трёх лет назад

Артем @devspec

<!DOCTYPE html>
<html lang="ru-RU">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE = edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="keywords" content="">
    <link rel="stylesheet" type="text/css" href="static/fonts/fonts.css">
    <link rel="stylesheet" type="text/css" href="static/css/main.css">
    <title>Главная страница
    </title>
  </head>
  <body>
    <div class="wrapper">
    </div>
    
    
    <script src="static/js/jquery.js"></script>
    <script src="static/js/libs.min.js"></script>
    <script src="static/js/main.js"></script>
    <script src="static/js/jquery.cookie.js"></script>
    
    
    <script>
    $(document).ready(function () {
	if ($.cookie('rajon') == null ){
        $.cookie('rajon', 'Y', {
            expires: 7,
            path: '/',
        });
   		alert('ok');
		}
	});
    </script>
    
  </body>
</html>

Написано более трёх лет назад

VladimirPortev @VladimirPortev Автор вопроса

А где фэнсибокс тут вызывается?

Написано более трёх лет назад
Артем @devspec

Ох, как тяжко... вместо alert поставьте вызов fancybox вашего.

Написано более трёх лет назад
VladimirPortev @VladimirPortev Автор вопроса

Артем: Все сделал, спасибо. Надо было просто вместо $.cookie написать JQuery.cookie. А можно как-нибудь expires не в дни, а в секунды?

Написано более трёх лет назад
Артем @devspec

как-то так: lmgtfy.com/?q=jquery+cookie+expires+in+seconds

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

1 комментарий

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

Простой
Почему не срабатывает prototype reverse на строке?
- 1 подписчик
- 8 часов назад
- 34 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Как лучше обратиться к кнопке через id или через class?
- 1 подписчик
- 9 часов назад
- 42 просмотра
2

ответа
JavaScript

+2 ещё

Простой
Как сделать ajax фильтрацию по категориям в WP?
- 1 подписчик
- 10 часов назад
- 16 просмотров
0

ответов
JavaScript

Средний
Как сделать, чтобы встроенный обработчик события убрал сам себя?
- 3 подписчика
- 13 часов назад
- 293 просмотра
0

ответов
JavaScript

Простой
Как реализовать карирование так, чтобы оно не было замкнуто на одну переменную?
- 1 подписчик
- 16 часов назад
- 73 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Галерея 3DWave. Перевел HTML в JS. Не работает.?
- 1 подписчик
- вчера
- 77 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как совместить JS и Django?
- 1 подписчик
- вчера
- 88 просмотров
1

ответ
JavaScript

Сложный
Как сделать горизонтальный виртуальный скролл?
- 1 подписчик
- вчера
- 64 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Почему падает локальный сервер?
- 1 подписчик
- вчера
- 93 просмотра
0

ответов
JavaScript

Простой
Отмена дефолтного поведения?
- 1 подписчик
- вчера
- 88 просмотров
1

ответ
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Разработать нейросеть

02 мая 2024, в 06:11

30000 руб./за проект

Автоматизация отчетности сектора подбора и развития персонала в 1С

02 мая 2024, в 05:49

7000 руб./за проект

Изменение темы сайта на ghost cms

02 мая 2024, в 04:47

5000 руб./за проект

Answer 1 · 2017-03-03 15:18:21

Нужно записать флаг в куку или в localStorage (лучше в куку) и проверять его наличие при каждом заходе на страницу. Если флаг есть - не показываем окошко, если нету - показываем.

Answer 2 · 2017-03-03 15:17:45

profesor08 @profesor08 Куратор тега JavaScript

Установите куку и проверяйте ее, если есть то не показывать окно.

Ответ написан более трёх лет назад

1 комментарий

Как реализовать открытие формы при заходе на сайт?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт