Show welcome div only once per user / browser session

jquery session html hide
Gops picture Gops · May 3, 2013 · Viewed 23.3k times · Source

I want to show a welcome div only once per user or session. I know that there is Jquery option. Since am a newbie to jquery, I have not been able to resolve it myself. Please help

I want to show this welcome page only once, till the user closes the browser.. Awaiting valuable help

Answer

mkhatib picture mkhatib · May 3, 2013

Set a cookie.

$(document).ready(function() {
    if ($.cookie('noShowWelcome')) $('.welcome').hide();
    else {
        $("#close-welcome").click(function() {
            $(".welcome").fadeOut(1000);
            $.cookie('noShowWelcome', true);    
        });
    }
});

You need to include jQuery.cookie javascript file.

https://raw.githubusercontent.com/carhartl/jquery-cookie/master/src/jquery.cookie.js

Related questions

Why is jquery's .ajax() method not sending my session cookie?

After logging in via $.ajax() to a site, I am trying to send a second $.ajax() request to that site - but when I check the headers sent using FireBug, there is no session cookie being included in the request. …

Read More
Submit Multiple Forms With One Button

I am using $_SESSION to dynamically create forms for my web store. These forms hold the custom info for the product that the customer wants. This is the layout: Page1 Customer fills out form that looks something like this: <…

Read More
ASP.NET Generic Handlers & Session

I have an issue with GenericHandler and anonymousIdentification. Basically if <anonymousIdentification enabled="true" /> is turned on in the web config, whenever a JQuery GET/POST request is sent to the server, that request executes under a new user …

Read More