Jump to content
  • 0
Sign in to follow this  
Vera

Как сделать всплывающее окно при уходе со страницы?

Question

Vera    2

Подскажите пожалуйста как реализовать следующее: Когда посетитель уходит со страницы ему должно демонстрироваться предложение скачать бесплатную книгу.

Share this post


Link to post

Recommended Posts

  • 0

Отличный вопрос! Итак, ответ на вопрос: "Как сделать всплывающее окно при закрытии страницы в Adobe Muse?" Как всегда пишу для Вас подробную статью о том, как сделать вот такое окошко:

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Делать мы это будет с помощью JavaScript кода, который нужно вставить в сайт:

    [*]Зайдите в Adobe Muse и создайте новую страницу.
    На эту страницу будет попадать посетитель вашего сайта, когда во всплывающем окне щелкнет по кнопке Остаться на этой странице. [*]После того, как вы создали такую страницу, зайдите в ее свойства (щелчок правой кнопки мыши и в выпавшем меню выберите пункт Свойства страницы) и во вкладке Параметры измените имя файла (предварительно сняв галочку с пункта Как имя страницы):

    Размещенное изображение

    Например, назовите файл danger. Нажмите кнопку "ОК". Именно это название файла страницы мы зададим в следующих шагах инструкции.
      [*]Теперь перейдите на ту страницу, при закрытии которой должно появляться всплывающее окно. Снова зайдите в Свойства страницы, но уже во вкладку Метаданные. Теперь найдите поле HTML код для <head> и вставьте туда следующий код:
<script language="javascript">var exitsplashmessage = '***************************************nn ПОДОЖДИТЕ:nn КЛИКНИТЕ ПО КНОПКЕ ОСТАТЬСЯ НА ЭТОЙ СТРАНИЦЕ, ЧТОБЫ ПОЛУЧИТЬ ДОСТУП К КЛАССНЫМ ШТУКАМ ОТ muse.creatura.club!nn ИЛИ НАЖМИТЕ НА КНОПКУ «ПОКИНУТЬ ЭТУ СТРАНИЦУ» ЕСЛИ ОТКАЗЫВАЕТЕСЬ ОТ НИШТЯКОВnn***************************************';var exitsplashpage = 'danger.html';function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); }}}function addClickEvent(a,i,func) { if (typeof a.onclick != 'function') { a.onclick = func; } }var theDiv = '<div id="ExitSplashDiv" style="display:block; width:100%; height:100%; position:absolute; background:#FFFFFF; margin-top:0px; margin-left:0px;" align="center">';theDiv = theDiv + '<iframe src="'+exitsplashpage+'" width="100%" height="100%" align="middle" frameborder="0"></iframe>';theDiv = theDiv + '</div>';theBody = document.body; if (!theBody) {theBody = document.getElementById("body"); if (!theBody) {theBody = document.getElementsByTagName("body")[0];}}var PreventExitSplash = false;function DisplayExitSplash(){ if(PreventExitSplash == false){ window.scrollTo(0,0); PreventExitSplash=true; divtag = document.createElement("div"); divtag.setAttribute("id","ExitSplashMainOuterLayer"); divtag.style.position="absolute"; divtag.style.width="100%"; divtag.style.height="100%"; divtag.style.zIndex="99"; divtag.style.left="0px"; divtag.style.top="0px"; divtag.innerHTML=theDiv; theBody.innerHTML=""; theBody.topMargin="0px"; theBody.rightMargin="0px"; theBody.bottomMargin="0px"; theBody.leftMargin="0px"; theBody.style.overflow="hidden"; theBody.appendChild(divtag); return exitsplashmessage; } }var a = document.getElementsByTagName('A'); for (var i = 0; i < a.length; i++) { if(a.target !== '_blank') {addClickEvent(a,i, function(){ PreventExitSplash=true; });} else{addClickEvent(a,i, function(){ PreventExitSplash=false;});}}disablelinksfunc = function(){var a = document.getElementsByTagName('A'); for (var i = 0; i < a.length; i++) { if(a.target !== '_blank') {addClickEvent(a,i, function(){ PreventExitSplash=true; });} else{addClickEvent(a,i, function(){ PreventExitSplash=false;});}}}addLoadEvent(disablelinksfunc);disableformsfunc = function(){ var f = document.getElementsByTagName('FORM'); for (var i=0;i<f.length;i++){ if (!f.onclick){ f.onclick=function(){ PreventExitSplash=true; } }else if (!f.onsubmit){ f.onsubmit=function(){ PreventExitSplash=true; }}}}addLoadEvent(disableformsfunc);window.onbeforeunload = DisplayExitSplash;</script>
[*]

Уже сейчас вы можете проверить работоспособность нашего скрипта, разместив свой сайт на хостинге и попытавшись закрыть вкладку с сайтом в браузере. Но лучше изменить текст в окошке под свои нужды. Код, отвечающий за выводимый в окошке текст, находится в самом начале:

***************************************nn ПОДОЖДИТЕ:nn КЛИКНИТЕ ПО КНОПКЕ ОСТАТЬСЯ НА ЭТОЙ СТРАНИЦЕ, ЧТОБЫ ПОЛУЧИТЬ ДОСТУП К КЛАССНЫМ ШТУКАМ ОТ muse.creatura.club!nn ИЛИ НАЖМИТЕ НА КНОПКУ «ПОКИНУТЬ ЭТУ СТРАНИЦУ» ЕСЛИ ОТКАЗЫВАЕТЕСЬ ОТ НИШТЯКОВnn***************************************

А файл страницы, которая будет вызываться после щелчка по кнопке "Остаться на этой странице", находится после слов - var exitsplashpage =.
 

[*]

Вот и все!

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
Guest Андрей   
Guest Андрей

Спасибо, нужная вещь. Подскажите, если человек уже получил бонус, оставил контакты - окошко так и будет каждый раз всплывать при его уходе с сайта?

Share this post


Link to post
  • 0

Спасибо, нужная вещь. Подскажите, если человек уже получил бонус, оставил контакты - окошко так и будет каждый раз всплывать при его уходе с сайта?

Спасибо за отзыв. Об этом я не подумал, надо будет тестировать.

Share this post


Link to post
  • 0
Guest Vadim   
Guest Vadim

Да окошко всегда будет всплывать. Нужно чтоб посетителю в куки прописалось больше не показывать, или показывать раз в месяц.

Share this post


Link to post
  • 0
Vera    2

Сделала как Вы описали, только поменяла текст на свой, но у меня все не так( На скриншоте показано. Нет звука. А можно сделать так чтобы при переходе по ссылке, предоставленной на странице эта рамка не появлялась. может в настройках что поменять можно?

Share this post


Link to post
  • 0
Vera    2

К сожалению скриншот не хочет прицепляться. В рамке написано: Эта страница просит вас подтвердить, что вы хотите уйти — при этом введённые вами данные могут не сохраниться. Без звука.Что я сделала не так?

Share this post


Link to post
  • 0
hardisson    3

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

Share this post


Link to post
  • 0

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

Открывайте новую тему, расскажу.

Share this post


Link to post
  • 0
Vadim    50

Мне тоже понадобилось установить скрипт который умеет говорить "Подождите! Останьтесь на этой странице получите бонус!"

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

И тут я вспомнил за хтмл теги аудио htmlbook.ru/html/audio

<audio src="URL"></audio><audio> <source src="URL"></audio>

Share this post


Link to post
  • 0
sergeystr    0

Добрый день ребята! Прошу помощи, я поставил скрипт всплывающего окна как описано здесь. Но почему то не срабатывает, при закрытии. На страничку подписки прописал имя файла danger Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.. На главную страницу поставил сам скрипт Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.. И почему то не срабатывает, или я еще что то сделал не так? У кого подобное было?

Share this post


Link to post
  • 0
STEF    4

Добрый день ребята! Прошу помощи, я поставил скрипт всплывающего окна как описано здесь. Но почему то не срабатывает, при закрытии. На страничку подписки прописал имя файла danger Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.. На главную страницу поставил сам скрипт Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.. И почему то не срабатывает, или я еще что то сделал не так? У кого подобное было?

Скрипт засунь в теги <body></body> в любом месте. Я протестил в opera 12.17 не работает в Chrome все работает.

Share this post


Link to post
  • 0

Ребят, а у меня такая проблема, раньше ставил подобные скрипты, когда верстал сайты другими программами, сейчас не могу понять... а конкретно проблема вот в чём, не могу поставить и отменить чек-бокс в нужном месте, посмотрите скрин пожалуйста

Не могу прикрепить скрин, поэтом вот ссылка ЯДиска посмотрите пожалуйста, поймёте в чём проблема Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. Очень нужно решить проблему, жду советов

Share this post


Link to post
  • 0

Отличный вопрос! Итак, ответ на вопрос: "Как сделать всплывающее окно при закрытии страницы в Adobe Muse?" Как всегда пишу для Вас подробную статью о том, как сделать вот такое окошко:

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Делать мы это будет с помощью JavaScript кода, который нужно вставить в сайт:

  • Зайдите в Adobe Muse и создайте новую страницу.

    На эту страницу будет попадать посетитель вашего сайта, когда во всплывающем окне щелкнет по кнопке Остаться на этой странице.

  • После того, как вы создали такую страницу, зайдите в ее свойства (щелчок правой кнопки мыши и в выпавшем меню выберите пункт Свойства страницы) и во вкладке Параметры измените имя файла (предварительно сняв галочку с пункта Как имя страницы):

    Размещенное изображение

    Например, назовите файл danger. Нажмите кнопку "ОК". Именно это название файла страницы мы зададим в следующих шагах инструкции.

     

  • Теперь перейдите на ту страницу, при закрытии которой должно появляться всплывающее окно. Снова зайдите в Свойства страницы, но уже во вкладку Метаданные. Теперь найдите поле HTML код для <head> и вставьте туда следующий код:
    <script language="javascript">var exitsplashmessage = '***************************************nn ПОДОЖДИТЕ:nn КЛИКНИТЕ ПО КНОПКЕ ОСТАТЬСЯ НА ЭТОЙ СТРАНИЦЕ, ЧТОБЫ ПОЛУЧИТЬ ДОСТУП К КЛАССНЫМ ШТУКАМ ОТ muse.creatura.club!nn ИЛИ НАЖМИТЕ НА КНОПКУ «ПОКИНУТЬ ЭТУ СТРАНИЦУ» ЕСЛИ ОТКАЗЫВАЕТЕСЬ ОТ НИШТЯКОВnn***************************************';var exitsplashpage = 'danger.html';function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); }}}function addClickEvent(a,i,func) { if (typeof a.onclick != 'function') { a.onclick = func; } }var theDiv = '<div id="ExitSplashDiv" style="display:block; width:100%; height:100%; position:absolute; background:#FFFFFF; margin-top:0px; margin-left:0px;" align="center">';theDiv = theDiv + '<iframe src="'+exitsplashpage+'" width="100%" height="100%" align="middle" frameborder="0"></iframe>';theDiv = theDiv + '</div>';theBody = document.body; if (!theBody) {theBody = document.getElementById("body"); if (!theBody) {theBody = document.getElementsByTagName("body")[0];}}var PreventExitSplash = false;function DisplayExitSplash(){ if(PreventExitSplash == false){ window.scrollTo(0,0); PreventExitSplash=true; divtag = document.createElement("div"); divtag.setAttribute("id","ExitSplashMainOuterLayer"); divtag.style.position="absolute"; divtag.style.width="100%"; divtag.style.height="100%"; divtag.style.zIndex="99"; divtag.style.left="0px"; divtag.style.top="0px"; divtag.innerHTML=theDiv; theBody.innerHTML=""; theBody.topMargin="0px"; theBody.rightMargin="0px"; theBody.bottomMargin="0px"; theBody.leftMargin="0px"; theBody.style.overflow="hidden"; theBody.appendChild(divtag); return exitsplashmessage; } }var a = document.getElementsByTagName('A'); for (var i = 0; i < a.length; i++) { if(a.target !== '_blank') {addClickEvent(a,i, function(){ PreventExitSplash=true; });} else{addClickEvent(a,i, function(){ PreventExitSplash=false;});}}disablelinksfunc = function(){var a = document.getElementsByTagName('A'); for (var i = 0; i < a.length; i++) { if(a.target !== '_blank') {addClickEvent(a,i, function(){ PreventExitSplash=true; });} else{addClickEvent(a,i, function(){ PreventExitSplash=false;});}}}addLoadEvent(disablelinksfunc);disableformsfunc = function(){ var f = document.getElementsByTagName('FORM'); for (var i=0;i<f.length;i++){ if (!f.onclick){ f.onclick=function(){ PreventExitSplash=true; } }else if (!f.onsubmit){ f.onsubmit=function(){ PreventExitSplash=true; }}}}addLoadEvent(disableformsfunc);window.onbeforeunload = DisplayExitSplash;</script>
  • Уже сейчас вы можете проверить работоспособность нашего скрипта, разместив свой сайт на хостинге и попытавшись закрыть вкладку с сайтом в браузере. Но лучше изменить текст в окошке под свои нужды. Код, отвечающий за выводимый в окошке текст, находится в самом начале:

    ***************************************nn ПОДОЖДИТЕ:nn КЛИКНИТЕ ПО КНОПКЕ ОСТАТЬСЯ НА ЭТОЙ СТРАНИЦЕ, ЧТОБЫ ПОЛУЧИТЬ ДОСТУП К КЛАССНЫМ ШТУКАМ ОТ muse.creatura.club!nn ИЛИ НАЖМИТЕ НА КНОПКУ «ПОКИНУТЬ ЭТУ СТРАНИЦУ» ЕСЛИ ОТКАЗЫВАЕТЕСЬ ОТ НИШТЯКОВnn***************************************

    А файл страницы, которая будет вызываться после щелчка по кнопке "Остаться на этой странице", находится после слов - var exitsplashpage =.

     

  • Вот и все!

 

Не получается, не могу поставить чек-бокс

Share this post


Link to post
  • 0
ruslandle    3

Ребят, а у меня такая проблема, раньше ставил подобные скрипты, когда верстал сайты другими программами, сейчас не могу понять... а конкретно проблема вот в чём, не могу поставить и отменить чек-бокс в нужном месте, посмотрите скрин пожалуйста

Не могу прикрепить скрин, поэтом вот ссылка ЯДиска посмотрите пожалуйста, поймёте в чём проблема Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. Очень нужно решить проблему, жду советов

Ты пытаешься поменять имя первой  (главной) страницы, в Muse это всегда index.html. Создай вторую страницу, у неё можно будет убрать ту галочку

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...