За последние 24 часа нас посетили 22497 программистов и 1031 робот. Сейчас ищут 613 программистов ...

Проблемы с выводом модельного окна.

Тема в разделе "JavaScript и AJAX", создана пользователем webkirpich, 24 авг 2016.

  1. webkirpich

    webkirpich Новичок

    С нами с:
    24 авг 2016
    Сообщения:
    2
    Симпатии:
    0
    Добрый день друзья,столкнулся с одной проблемой прошу у вас помощи.

    Есть скрипт который срабатывает через 30 секунд после пересечения курсора полосы в 1px в шапки сайта. ( так сказать скрипт уведомления пользователя перед его уходом ), скрипт не в коем случаи не удерживает пользователя, я сам против этого. Он просто его уведомляет.

    Проблема в следующем пытаюсь подцепить его на модельное окно Bootstrap но нечего не выходит, а если быть точным то переделать.

    Так же не могу понять сделать cookie в 10 дней.

    Вот собственно сам скрипт, буду очень благодарен за помощь.

    HTML (полоса в шапке в 1px)
    HTML:
    1. <div style="display: none; padding: 1px;" id="exit_content">
    2.  
    JS (сам скрипт)
    Код (Javascript):
    1. <script>
    2.     (function () {
    3. function setcookie(f,e,h){if(h){var g=new Date();g.setTime(g.getTime()+h)}if(f&&e){document.cookie=f+"="+encodeURIComponent(e)+";path=/"+(h?"; expires="+g.toUTCString():"")}else{return false}}
    4. function getcookie(e){var d=new RegExp(e+"=([^;]){1,}");var f=d.exec(document.cookie);if(f){f=f[0].split("=")}else{return false}return f[1]?decodeURIComponent(f[1]):false}
    5. var openSite = getcookie('openSite');
    6. if(openSite) return false;
    7. $(document).ready(function() {
    8.    setTimeout(function() {$(document).mousemove(function(e) {
    9.       if(getcookie('openSite')) return false;
    10.       if(e.pageY <= 1)
    11.       {
    12.         $('#exit_content').modal({onOpen: modalOpen, onClose: simplemodal_close});
    13.       }
    14.    });},30000);
    15.  
    16. });
    17. function modalOpen (dialog) {
    18.     setcookie('openSite',1);
    19.     dialog.overlay.fadeIn('fast', function () {
    20.         dialog.container.fadeIn('fast', function () {
    21.             dialog.data.hide().slideDown('fast');
    22.         });
    23.     });
    24. }
    25. function simplemodal_close (dialog) {
    26.     dialog.data.fadeOut('fast', function () {
    27.         dialog.container.hide('fast', function () {
    28.             dialog.overlay.slideUp('fast', function () {
    29.                 $.modal.close();
    30.             });
    31.         });
    32.     });
    33. }
    34.  
    35. }());
    36. </script>
    На данный момент окно вызывается сейчас вот так
    ID окна [ #ExitModal ]

    Код (Javascript):
    1. <script>
    2. $(document).ready(function () {
    3.     //if cookie hasn't been set...
    4.     if (document.cookie.indexOf("ModalShown=true")<0) {
    5.         $("#ExitModal").modal("show");
    6.         //Modal has been shown, now set a cookie so it never comes back
    7.         $("#myModalClose").click(function () {
    8.             $("#ExitModal").modal("hide");
    9.         });
    10.         document.cookie = "ModalShown=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
    11.     }
    12. });
    13. </script>