2012-06-20 15 views
19

Mam stronę html, która otwiera okno wyskakujące po załadowaniu strony.Jak ustawić zmienną sesji w jquery?

Muszę ustawić wyskakujące okienko tylko wtedy, gdy strona otwiera się po raz pierwszy. Myślę, że sesja lub plik cookie ma zostać ustawiony.

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

http://stackoverflow.com/questions/10998412/how-can-i-use-jquery-to-read-a-cookie-and-store-it-in-a-variable/10998480#10998480 – gorelative

+0

Cześć Capri :-) Czy chcesz, aby wyskakujące okienko pojawiło się po wczytaniu strony lub kliknięciu? –

Odpowiedz

54

Zastosowanie localStorage zapisać fakt, że otworzyłeś strony:

$(document).ready(function() { 
    var yetVisited = localStorage['visited']; 
    if (!yetVisited) { 
     // open popup 
     localStorage['visited'] = "yes"; 
    } 
}); 
+0

ohhh .... świetnie ... !!! dziękuję bardzo pomogłeś mi ... – capri

+0

świetnie! Też próbowałem to działa ładnie. ale po ponownym otwarciu przeglądarki nie wyświetla się okienko wyskakujące. –

+0

Czy wygasa? Jeśli tak, to po jakim czasie? – SearchForKnowledge

12

Można spróbować użyć HTML5s sessionStorage trwa przez cały czas trwania sesji na stronie. Sesja strony trwa tak długo, jak długo przeglądarka jest otwarta i przetrwa przeładowanie i odtworzenie strony. Otwarcie strony w nowej karcie lub oknie spowoduje zainicjowanie nowej sesji.

sessionStorage.setItem ("nazwa użytkownika", "John");

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage#sessionStorage

Przeglądarki https://code.google.com/p/sessionstorage/ kompatybilne z każdą przeglądarką A-klasy, zawarte iPhone lub Android. http://www.nczonline.net/blog/2009/07/21/introduction-to-sessionstorage/

+0

Jest to bardziej odpowiednie, ponieważ zmienna tabulacji usuwa naszą zmienną sesji. – asifaftab87

+0

oba działają dobrze na lokalnych, ale na serwerze wartości są zachowywane tylko w sessionStorage –

Powiązane problemy