Форумы портала PHP.SU :: Версия для печати :: Проблемы с выводом модельного окна

1. webkirpich - 24 Августа, 2016 - 18:29:24 - перейти к сообщению

Добрый день друзья,столкнулся с одной проблемой прошу у вас помощи.

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

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

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

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

HTML (полоса в шапке в 1px)

CODE (html):
скопировать код в буфер обмена

<div style="display: none; padding: 1px;" id="exit_content">

JS (сам скрипт)

CODE (javascript):
скопировать код в буфер обмена

 
<script>
    (function () {
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}}
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}
var openSite = getcookie('openSite');
if(openSite) return false;
 
$(document).ready(function() {
   setTimeout(function() {$(document).mousemove(function(e) {
      if(getcookie('openSite')) return false;
      if(e.pageY <= 1)
      {
        $('#exit_content').modal({onOpen: modalOpen, onClose: simplemodal_close});
      }
   });},30000);
 
});
function modalOpen (dialog) {
    setcookie('openSite',1);
    dialog.overlay.fadeIn('fast', function () {
        dialog.container.fadeIn('fast', function () {
            dialog.data.hide().slideDown('fast');
        });
    });
}
function simplemodal_close (dialog) {
    dialog.data.fadeOut('fast', function () {
        dialog.container.hide('fast', function () {
            dialog.overlay.slideUp('fast', function () {
                $.modal.close();
            });
        });
    });
}
 
}());
</script>
 

На данный момент окно вызывается сейчас вот так
ID окна [ #ExitModal ]

CODE (javascript):
скопировать код в буфер обмена

 
<script>
$(document).ready(function () {
    //if cookie hasn't been set...
    if (document.cookie.indexOf("ModalShown=true")<0) {
        $("#ExitModal").modal("show");
        //Modal has been shown, now set a cookie so it never comes back
        $("#myModalClose").click(function () {
            $("#ExitModal").modal("hide");
        });
        document.cookie = "ModalShown=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
    }
});
</script>
 