Перейти к содержимому


Всплывающее Окно +18

Автор cselon, 26 марта 2018 11:34

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 cselon

cselon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 173 сообщений

Отправлено 26 Март 2018 - 11:34

Мне необходимо, чтобы при заходе на сайт появлялось всплывающее окошко с информацией о том, что продукция, представленная на сайте, предназначена для лиц старше 18 лет. И необходимо ответить на вопрос, старше ли гость 18 лет или нет. В зависимости от ответа сайт должен открываться или закрываться.И показываться один раз при заходе. Подскажите, пожалуйста.

Эти темы не актуальные т.к. нет подходящих именно мне (вводить нужно вручную возраст и стилистика окон соответствует датам создания этих тем 2013 год.):

https://forum.storel...-входе-на-сайт/

https://forum.storel...открытии-сайта/


Можно примерно как на картинке

Прикрепленные изображения

  • Безымянный.png

#2 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 28 Март 2018 - 11:59

Просмотр сообщенияcselon (26 Март 2018 - 11:34) писал:

Мне необходимо, чтобы при заходе на сайт появлялось всплывающее окошко с информацией о том, что продукция, представленная на сайте, предназначена для лиц старше 18 лет. И необходимо ответить на вопрос, старше ли гость 18 лет или нет. В зависимости от ответа сайт должен открываться или закрываться.И показываться один раз при заходе. Подскажите, пожалуйста.

Эти темы не актуальные т.к. нет подходящих именно мне (вводить нужно вручную возраст и стилистика окон соответствует датам создания этих тем 2013 год.):

https://forum.storel...-входе-на-сайт/

https://forum.storel...открытии-сайта/


Можно примерно как на картинке

Добавил окно по инструкции
https://forum.storel...ра/#entry245367
Текст в шаблоне HTML

		 <!-- Модальное Окно -->
		 <div id="overlay">
				 <div class="popup">
						 <h2>Внимание!</h2>
						 <p>
								 Сайт содержит информацию, не рекомендованную лицам моложе 18 лет.
						 </p>
						 <b>Я старше 18 лет и согласен с условиями использования сайта</b>
						 <div class="block-btns">
						 <button onclick="document.getElementById('overlay').style.display='none';">Да</button>
						 <button onclick="window.close();">Нет</button>
						 </div>
				 </div>
		 </div>

#3 cselon

cselon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 173 сообщений

Отправлено 28 Март 2018 - 17:57

Просмотр сообщенияMr.Nito (28 Март 2018 - 11:59) писал:

Добавил окно по инструкции
https://forum.storel...ра/#entry245367
Текст в шаблоне HTML

		 <!-- Модальное Окно -->
		 <div id="overlay">
				 <div class="popup">
						 <h2>Внимание!</h2>
						 <p>
								 Сайт содержит информацию, не рекомендованную лицам моложе 18 лет.
						 </p>
						 <b>Я старше 18 лет и согласен с условиями использования сайта</b>
						 <div class="block-btns">
						 <button onclick="document.getElementById('overlay').style.display='none';">Да</button>
						 <button onclick="window.close();">Нет</button>
						 </div>
				 </div>
		 </div>

Спасибо большое!

Просмотр сообщенияMr.Nito (28 Март 2018 - 11:59) писал:

Добавил окно по инструкции
https://forum.storel...ра/#entry245367
Текст в шаблоне HTML

		 <!-- Модальное Окно -->
		 <div id="overlay">
				 <div class="popup">
						 <h2>Внимание!</h2>
						 <p>
								 Сайт содержит информацию, не рекомендованную лицам моложе 18 лет.
						 </p>
						 <b>Я старше 18 лет и согласен с условиями использования сайта</b>
						 <div class="block-btns">
						 <button onclick="document.getElementById('overlay').style.display='none';">Да</button>
						 <button onclick="window.close();">Нет</button>
						 </div>
				 </div>
		 </div>

Но, если нажать кнопку нет и попытаться зайти снова окно больше не появляется, хотя я нажал нет. Можно это исправить, чтобы при отказе и снова заходишь на сайт и показывалось всплывающее окно? И больше не показывалось , если нажать кнопку да

#4 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 28 Март 2018 - 18:40

Просмотр сообщенияcselon (28 Март 2018 - 17:57) писал:

Спасибо большое!



Но, если нажать кнопку нет и попытаться зайти снова окно больше не появляется, хотя я нажал нет. Можно это исправить, чтобы при отказе и снова заходишь на сайт и показывалось всплывающее окно? И больше не показывалось , если нажать кнопку да

Поправил скрипт, очистите кэш браузера вместе с cookie или тестируйте в режиме инкогнито.

#5 cselon

cselon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 173 сообщений

Отправлено 28 Март 2018 - 18:43

Просмотр сообщенияMr.Nito (28 Март 2018 - 18:40) писал:

Поправил скрипт, очистите кэш браузера вместе с cookie или тестируйте в режиме инкогнито.

Почему то нет не нажимается
:blink:

#6 cselon

cselon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 173 сообщений

Отправлено 28 Март 2018 - 18:51

Просмотр сообщенияcselon (28 Март 2018 - 18:43) писал:

Почему то нет не нажимается
:blink:

в хроме не нажимается нет, а в IE и Yandex все ок

#7 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 28 Март 2018 - 20:01

Закрыть вкладку через JS проблематично, самый оптимальный вариант перезагружать страницу или направлять на сторонний сайт, например yandex.

Для этого строку 
<button onclick="window.close();">Нет</button>
замените на
<button onclick="document.location.href = 'https://www.yandex.ru'">Нет</button>

#8 cselon

cselon

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 173 сообщений

Отправлено 28 Март 2018 - 22:30

Просмотр сообщенияMr.Nito (28 Март 2018 - 20:01) писал:

Закрыть вкладку через JS проблематично, самый оптимальный вариант перезагружать страницу или направлять на сторонний сайт, например yandex.

Для этого строку
<button onclick="window.close();">Нет</button>
замените на
<button onclick="document.location.href = 'https://www.yandex.ru'">Нет</button>

Спасибо!
Обратно в Другое


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лето
  5. → Другое
  6. Privacy Policy