Показать сообщение отдельно
  #4 (permalink)  
Старый 25.08.2016, 22:38
Новичок на форуме
Отправить личное сообщение для webkirpich Посмотреть профиль Найти все сообщения от webkirpich
 
Регистрация: 24.08.2016
Сообщений: 5

Сообщение от Rise Посмотреть сообщение
webkirpich, говнокод свой отформатируй нормально и зачем функция posMouse если она нигде не используется и зачем $(document).ready писать два раза?
Человек заходит на сайт, и если после 10 секунд он собирается уйти то в шапке сайта есть DIV блок при попадение на него появляется модельное окно.
Но не могу разобраться с cookie! прошу помощи у профи

Полоска в шапке
<div id='exitposition'></div>


Модельное окно
<div id="ExitModal" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      </div>
      <div class="modal-body">
	  <p>Я модельное окно</p>       
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
      </div>
    </div>
  </div>
</div>


Скрипт
$(document).ready(function() {
    if (document.cookie.indexOf("ModalShown=true") < 0) {
        setTimeout(function() {
            function posMouse(e) {
                var mouX = 0,
                    mouY = 0;
                if (!e) e = window.event;
                if (e.pageX || e.pageY) {
                    mouX = e.pageX;
                    mouY = e.pageY;
                } else if (e.clientX || e.clientY) {
                    mouX = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
                    mouY = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
                }
                return {
                    "x": mouX,
                    "y": mouY
                }
            }

            $(document).ready(function() {
                $('#exitposition').mouseover(function() {

                    $("#ExitModal").modal("show");
                    $("#myModalClose").click(function() {
                        $("#ExitModal").modal("hide");
                    });
                });
            });
        }, 10000);
        expireDate = new Date
        expireDate.setDate(expireDate.getDate() + 30)
        document.cookie = "ModalShown=true; expires=" + expireDate.toGMTString();
        " path=/";
    }
});
Ответить с цитированием