Всплывающее окошко при закрытии сайта

DP
На сайте с 26.08.2013
Offline
21
3326

Добрый день форумчане!

Задумался над темой, что люди положившие товар в корзину забывают про этот товар и уходят так и не оплатив его!

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

Если можно ее и ссылочку на нее. Спасибо!

ЗЫ. Это не реклама сайта. Картинку взял с поиска

Тут должно быть наверное что-то умное или УТП?
izbushka
На сайте с 08.06.2007
Offline
110
#1

JavaScript window.onbeforeunload и window.onunload

DP
На сайте с 26.08.2013
Offline
21
#2
izbushka:
JavaScript window.onbeforeunload и window.onunload

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

Оптимизайка
На сайте с 11.03.2012
Offline
396
#3

К сожалению (точнее говоря, к счастью), не получится на эти события повесить именно такое окно, т.к. это не предотвратит закрытие вкладки. Т.е. скрытый div с всплывающим окном отобразится, но вкладка закроется. На эти события можно только вешать только модальные системные диалоговые окна типа alert().

Чтобы получить такое, красивое окошко, обычно используется onhover на верхней правой области экрана, когда мышка пользователя постепенно тянется к крестику ;)

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
DP
На сайте с 26.08.2013
Offline
21
#4

Оптимизайка, Ну а кнопки у системных окошек менять можно?

Типа: "Оформить заказ" и "Отказаться"

Оптимизайка
На сайте с 11.03.2012
Offline
396
#5

В системных окнах нельзя. См. примеры http://www.w3schools.com/js/js_popup.asp. Если вы событием onbeforeunload заинтересовались, то там вообще кнопки системные только "Покинуть страницу" - "Остаться на странице": http://jsbin.com/obizu3 http://help.dottoro.com/ljflhicd.php

Владислав Приторкин
На сайте с 20.09.2013
Offline
1
#6

Навесить на обьект document листенер на смену URL или на обьект window на событие закрытия окна. И в том и в том случае будет вылетать окно прежде чем человек закроет сайт или перейдет по другой ссылке. Ссылку соответственно проверять, если перемщение в пределах этого хоста то не показывать окно

beginerx
На сайте с 13.07.2009
Offline
173
#7

а как сделано затенение контента страницы по сравнению с нормальной яркостью алерта?

>>>Скорость и Реакция<<< (https://vk.com/app4629907 ): онлайн тренировка скорости и времени реакции.... (https://vk.com/app4612117 )... (https://vk.com/club18740762 ).
Оптимизайка
На сайте с 11.03.2012
Offline
396
#8

обычно затемнение делают черным, но полупрозрачным дивом сверху. С помощью css свойства opacity.

DP
На сайте с 26.08.2013
Offline
21
#9

Оптимизайка, Ну а как вот сделать именно такой пример как на картинке?

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий