2012-06-20 8 views
19

Ho una pagina html che apre una finestra popup quando la pagina viene caricata.Come impostare la variabile di sessione in jquery?

Ho bisogno di impostare il popup solo quando la pagina si apre per la prima volta. Penso che la sessione o il cookie debba essere impostato.

<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

Ciao Capri :-) Vuoi che il popup appaia quando viene caricata la pagina o quando si fa clic su qualcosa? –

risposta

54

Usa localStorage per memorizzare il fatto che è stato aperto alla pagina:

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

ohhh .... fantastico ... !!! grazie mille mi hai aiutato ... – capri

+0

fantastico! Ho anche provato questo funziona bene. ma quando il browser viene riaperto, non mostra il popup –

+0

Scade? Se sì, dopo quanto tempo? – SearchForKnowledge

12

Si potrebbe provare a utilizzare HTML5s sessionStorage dura per tutta la durata della sessione di pagina. Una sessione di pagina dura fino a quando il browser è aperto e sopravvive alla pagina ricaricando e ripristinando. L'apertura di una pagina in una nuova scheda o finestra causerà l'avvio di una nuova sessione.

sessionStorage.setItem ("nomeutente", "Giovanni");

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

Browser Compatibility https://code.google.com/p/sessionstorage/ compatibile con tutti i browser di categoria A, incluso iPhone o Android. http://www.nczonline.net/blog/2009/07/21/introduction-to-sessionstorage/

+0

Questo è più appropriato in quanto il tab cambia la nostra variabile di sessione remove. – asifaftab87

+0

funzionano entrambi in locale ma sul server i valori vengono mantenuti solo in sessionStorage –

Problemi correlati