Jump to content
  • 0
Sign in to follow this  
Dancer

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

Question

Dancer    0

 Подскажите пожалуйста, как реализовать всплывающее окно каждый раз при попытке выхода с сайта, окно показывается каждый раз когда пользователь наводит указатель вверх страницы (в область панели управления браузера)
 пример здесь: Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.
нашел подобный скрипт здесь 
ruseller.com/lessons.php?id=195
Благодарю!

 

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0

Сделать ручками с помощью JavaScript:
1. Вставляем в "Страница Свойства страницы HTML для <head>"

<link rel="stylesheet" type="text/css"href="https://cdn.rawgit.com/carlsednaoui/ouibounce/master/test/ouibounce.min.css">
<script type="text/javascript"src="https://cdnjs.cloudflare.com/ajax/libs/ouibounce/0.0.11/ouibounce.min.js"></script>

2. Вставляем в "Объект - Вставить HTML"

        <div id="ouibounce-modal">
          <div class="underlay"></div>
            <div class="modal">
                <div class="modal-title">
                    <h3>This is a Ouibounce modal</h3>
                </div>

                <div class="modal-body">
                    <p>Thanks for stoping by!</p>
                        <form>
                            <input type="text" placeholder="you@email.com">
                            <input type="submit" value="learn more &raquo;">
                            <p class="form-notice">*this is a fake form</p>
                        </form>
                </div>

                <div class="modal-footer">
                    <p onclick="document.getElementById('ouibounce-modal').style.display = 'none';">no thanks</p>
                </div>
            </div>
        </div>

        <script>
            var _ouibounce = ouibounce(document.getElementById('ouibounce-modal'),{
                aggressive: true, //Making this true makes ouibounce not to obey "once per visitor" rule
            });
        </script>


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

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
Пима    0
В 15.10.2016 в 21:14, Эмиль Назаров сказал:

Сделать ручками с помощью JavaScript:
1. Вставляем в "Страница Свойства страницы HTML для <head>"


<link rel="stylesheet" type="text/css"href="https://cdn.rawgit.com/carlsednaoui/ouibounce/master/test/ouibounce.min.css">
<script type="text/javascript"src="https://cdnjs.cloudflare.com/ajax/libs/ouibounce/0.0.11/ouibounce.min.js"></script>

2. Вставляем в "Объект - Вставить HTML"


        <div id="ouibounce-modal">
          <div class="underlay"></div>
            <div class="modal">
                <div class="modal-title">
                    <h3>This is a Ouibounce modal</h3>
                </div>

                <div class="modal-body">
                    <p>Thanks for stoping by!</p>
                        <form>
                            <input type="text" placeholder="you@email.com">
                            <input type="submit" value="learn more &raquo;">
                            <p class="form-notice">*this is a fake form</p>
                        </form>
                </div>

                <div class="modal-footer">
                    <p onclick="document.getElementById('ouibounce-modal').style.display = 'none';">no thanks</p>
                </div>
            </div>
        </div>

        <script>
            var _ouibounce = ouibounce(document.getElementById('ouibounce-modal'),{
                aggressive: true, //Making this true makes ouibounce not to obey "once per visitor" rule
            });
        </script>


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

А как его редактировать?

Share this post


Link to post
  • 0
Пима    0
3 часа назад, Алексей Чувелев Greymouse2 сказал:

руками в коде ))

Даааа капитан, тааак тооочно капитан!))) Потому я muse и пользуюсь что не умею кодить!

Share this post


Link to post
  • 0
54 минуты назад, Пима сказал:

Даааа капитан, тааак тооочно капитан!))) Потому я muse и пользуюсь что не умею кодить!

В таком случае еще один очевидный ответ - заплатите тому кто умеет.

Ваш кэп :lol:

Share this post


Link to post
  • 0
3 часа назад, Пима сказал:

Даааа капитан, тааак тооочно капитан!))) Потому я muse и пользуюсь что не умею кодить!

ну могу допилить код чтобы он кликал на кнопку лайтбокса (важно в кнопке лайтбокса должен быть текстовой блок) а уж что вы там в лайтбоксе накидаете - это ваше..

но очевидно что бесплатно работать никто не будет. надо - набираете в скайпе greymouse41 и озвучиваете ценник за работу.

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...