2012-06-20 2 views
0

Как установить всплывающее окно, которое открывается при первом загрузке страницы? Я использую этот код для своего всплывающего окна, как установить сеанс для этого всплывающего окна? есть ли способ использовать ip как сеанс?Как установить всплывающее окно на загрузку только в первый раз?

<script> 
     !window.jQuery && document.write('<script src="fancybox/jquery-1.4.3.min.js"><\/script>'); 
    </script> 

    <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script> 

    <script type="text/javascript"> 

    $(document).ready(function() { 


     $("a#example1").fancybox(); 

     $("a#example1").trigger('click'); 


    }); 
    </script> 


    <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" /> 


</head> 



<body> 

<a id="example1" href="images/pic.jpg"></a> 



</body> 

ответ

3

Проверьте наличие cookie, а если нет, сделайте всплывающее окно и установите cookie для следующего раза; если файл cookie существует, не делайте всплывающее окно. Quirksmode имеет some functions, чтобы сделать куки проще, или, конечно же, есть jQuery cookie plugin (и, вероятно, около 50 других).

+0

+1 я я был Гона sayit тоже – shareef

2

вы можете использовать jquery-cookie

Demo:

$(document).ready(function() { 
     if($.cookie('popup') != 1){ 
      $.cookie('popup', '1'); 
      $("a#example1").fancybox(); 
      $("a#example1").trigger('click'); 
     } 
    }); 
+0

не работает для меня .. . :( – capri

+0

@capri Вы загрузили плагин и загрузили его в свой документ, если это так, вы предоставили сценарий, который вы сделали – mgraph

0

Использование сеансов для этого было бы ненужной нагрузки на сервер. Вместо этого используйте файлы cookie, которые помогают хранить данные на компьютере пользователя.

Используйте Javascript/ваш язык сервера, чтобы проверить файл cookie и показать всплывающее окно на основе его значения!

0

Вы можете вы Куки или LocalStorage Использование Cookies:

$(document).ready(function() { 
var loadfirst = getCookie("loadfirsttime"); 
if(loadfirst == null){ 
setCookie("loadfirst", "again" 1); // 1 is the number of days 
$("a#example1").fancybox(); 
$("a#example1").trigger('click'); 
} 
}); 

Использование LocalStorage:

$(document).ready(function() { 
var loadfirst = localStorage.getItem("loadfirsttime"); 
if(loadfirst == null){ 
localStorage.setItem('loadfirst ', 1); // 1 is value assigned. 
$("a#example1").fancybox(); 
$("a#example1").trigger('click'); 
} 
}); 

Благодарности

Смежные вопросы