How to set session variable in jquery?

Question

I have an html page that open a popup window when the page loads.

I need to set the popup only when the page open first time. I think session or cookie is to be set.

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

http://stackoverflow.com/questions/10998412/how-can-i-use-jquery-to-read-a-cookie-and-store-it-in-a-variable/10998480#10998480 — NDBoost, Jun 20 '12 at 16:13
Hi Capri :-) Are you wanting the popup to appear when the page loads, or when something is clicked? — Jasper Mogg, Jun 20 '12 at 16:18

score 72 · Accepted Answer · answered Jun 20 '12 at 16:10

72

Use localStorage to store the fact that you opened the page :

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

answered Jun 20 '12 at 16:10

Denys Séguret

372,613
87
782
758

great! I also tried this works nice. but when browser is reopened then it's not showing the popup – Bhojendra Rauniyar Dec 17 '13 at 10:23
Does it expire? If so, after how long? – SearchForKnowledge Sep 04 '14 at 20:49
@SearchForKnowledge localStorage doesn't expire. It's kept as long as your user keep the same browser and doesn't go into the settings to clean the local storage. – Denys Séguret Sep 05 '14 at 06:34
session Storage is your friend in that case. – denford mutseriwa Oct 01 '14 at 11:09
@Chiwda There's no link between the `window` object you have in browsers and the "Windows" OS. localStorage is available on all platforms – Denys Séguret Dec 26 '15 at 07:08
hm... works well on the local bu when publish to the server the localStorage variable is empty... – Kremena Lalova Nov 09 '16 at 13:24

score 13 · Answer 2 · answered Mar 12 '14 at 08:11

13

You could try using HTML5s sessionStorage it lasts for the duration on the page session. A page session lasts for as long as the browser is open and survives over page reloads and restores. Opening a page in a new tab or window will cause a new session to be initiated.

sessionStorage.setItem("username", "John");

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

Browser Compatibility https://code.google.com/p/sessionstorage/ compatible with every A-grade browser, included iPhone or Android. http://www.nczonline.net/blog/2009/07/21/introduction-to-sessionstorage/

answered Mar 12 '14 at 08:11

Cliffton Fernandes

405
3
6

This is more appropriate as the tab change our session variable remove. – asifaftab87 Jun 17 '15 at 07:18
both work well on local but on the server the values are preserved only in sessionStorage – Kremena Lalova Nov 09 '16 at 13:30

How to set session variable in jquery?

2 Answers2

Linked