Ответов: 0 Просмотров: 485
|
Добрый день друзья,столкнулся с одной проблемой прошу у вас помощи.
Есть скрипт который срабатывает через 30 секунд после пересечения курсора полосы в 1px в шапки сайта. ( так сказать скрипт уведомления пользователя перед его уходом ), скрипт не в коем случаи не удерживает пользователя, я сам против этого. Он просто его уведомляет.
Проблема в следующем пытаюсь подцепить его на модельное окно Bootstrap но нечего не выходит, а если быть точным то переделать.
Так же не могу понять сделать cookie в 10 дней.
Вот собственно сам скрипт, буду очень благодарен за помощь.
HTML (полоса в шапке в 1px)
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>
|