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

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"
	});

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

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

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

Подписаться 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

+1 ещё

Простой
Как изучить Vue.js?
- 1 подписчик
- 33 минуты назад
- 6 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Как подключить вконтакте на сайт чтобы слать юзеру в вк уведомления или сообщения?
- нет подписчиков
- 8 часов назад
- 62 просмотра
1

ответ
JavaScript

+1 ещё

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

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- вчера
- 137 просмотров
2

ответа
JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- вчера
- 99 просмотров
1

ответ
JavaScript

Простой
Обьясните про функцию массив?
- 3 подписчика
- 23 нояб.
- 678 просмотров
1

ответ
1С-Битрикс

Простой
Как вывести в конкретной категории битрикс текст?
- 1 подписчик
- 23 нояб.
- 38 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- 22 нояб.
- 74 просмотра
1

ответ
1С-Битрикс

Простой
Bitrix + Аспро: Next – как скрыть стоимость товаров цена которых ровна нулю?
- 1 подписчик
- 22 нояб.
- 31 просмотр
1

ответ
JavaScript

Средний
Почему не срабатывает горячая клавиша в расширение?
- 1 подписчик
- 22 нояб.
- 41 просмотр
1

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Записать рекламные видео креативы для мобильной игры

25 нояб. 2024, в 05:56

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

Аудит и поддержка проекта внедрению виртуальной архитектуры (АСУ ТП)

25 нояб. 2024, в 03:04

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

Сделать простой лендинг

25 нояб. 2024, в 02:45

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

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

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

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

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

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

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

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

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

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

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

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