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

[webkirpich]

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

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

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

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

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

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

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

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

<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 ]
 

<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>

 

[andrey7287]

13 часа назад, webkirpich сказал:

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

А если ещё точнее, что и куда подцепить и причём тут бутстрап?

У вас первый скрипт проверяет отсутствуют ли куки и покинул ли курсор область документа. При соблюдении этих условий выводит #exit_content, используя jQueryUI.

Второй скрипт проверяет куки и при отсутствии выводит #ExitModal используя всё тот же jQueryUI, затем вешает обработчик на закрывашку и пишет куку.

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

$(document).mouseover чем не угодил ...  

[webkirpich]

2 часа назад, andrey7287 сказал:

А если ещё точнее, что и куда подцепить и причём тут бутстрап?

У вас первый скрипт проверяет отсутствуют ли куки и покинул ли курсор область документа. При соблюдении этих условий выводит #exit_content, используя jQueryUI.

Второй скрипт проверяет куки и при отсутствии выводит #ExitModal используя всё тот же jQueryUI, затем вешает обработчик на закрывашку и пишет куку.

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

$(document).mouseover чем не угодил ...  

Спасибо за ответ, мне нужно что бы в первом скрипте вызывался #ExitModal при соблюдении условий. Не могу понять как это сделать

[andrey7287]

$(document).ready(function() {
   setTimeout(function() {$(document).mousemove(function(e) {
      if(getcookie('openSite')) return false;
      if(e.pageY <= 1)
      {
        $("#ExitModal").modal("show");
        //Modal has been shown, now set a cookie so it never comes back
        $("#myModalClose").click(function () {
            $("#ExitModal").modal("hide");
        });
      }
   });},30000);

});