[Решено] Модуль модального окна

[warezliker]

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

Что-то простое и позволяющее проинформитровать клиента о скидках, акциях и т.д.

[markimax]

Любой HTML модуль и там разместите код в этом стиле:

 

Вот как сделано в этом:

<script>
function set18() {
  var expires = new Date();
    expires.setDate(expires.getDate()+30);
    document.cookie = "visited18=true; expires="+expires.toUTCString();
}
</script>


 <div id="welcome18" style="display: none;">
    <div style="width: 100%; height: 100%;#FFFFFF; text-align: center;">
     <div style="padding-top: 10%;    text-align: center; font-weight: bold; color: #000000;">
      Просматривать содержимое сайта могут только совершеннолетние лица.
      <br>
      Вам больше 18 лет?
      <br>
<br>
<br>

        <a href="http://disney.com" class="button18-no">Нет, мне меньше 18 лет</a>
      <a href="#" onclick = "set18(); originalClose(); return false;" class="button18-yes" style="margin-left: 50px;">Да, мне больше 18 лет</a>

      </div>


    </div>
</div>

<style>
#cboxLoadedContent {
margin-bottom: 0px !important;
}
</style>

<script>
if (document.cookie.indexOf('visited18=true') === -1) {


var my_form18 = $('#welcome18').html();

var originalClose = $.colorbox.close;
$.colorbox.close = function(){
    var response;

        response = confirm('Вам больше 18 лет?');
        if(!response){
            return; // Do nothing.
    }
    originalClose();
};

$.colorbox({
 width: "100%",
 height: "100%",
 scrolling: true,
 returnFocusOther: true,
 maxHeight: "100%",
 innerHeight: "100%",
 opacity: 0.5,
 overlayClose:false,
 closebutton:false,
 onOpen: function(){
       $('#cboxLoadedContent').css('margin-bottom', '0px');
       $('#colorbox').css('z-index','999800');
       $('#cboxOverlay').css('z-index','999800');
       $('#cboxOverlay').css('opacity','0.7');
       $('#cboxWrapper').css('z-index','999800');
       $('#cboxBottomCenter').remove();

 },
 onClosed: function(){

 },

 title: "",
 inline:true, href: my_form18});
}
</script>

[warezliker]

Спасибо большое!

У меня стоит как раз ваш модуль, думал, как с его помощью это прикрутить, но даже не подумал, что можно с помощью expires в заголовке проблему решить.