Adding Cookie To Simple jQuery Function

Question

Possible Duplicate:
How to set/unset cookie with jQuery?

So I have this extremely simple jQuery function... My question is, how do I add a cookie when the DIV is hidden (i.e. faded out)? I want the cookie to be active until browser or window close.

In short, when a "visitor" clicks a specified X on a DIV (i.e. class .updateCloseBTN), it will hide the DIV. But if the user refreshes or revisits the page, the DIV will be shown again. If the user closes the DIV via the function below, it should not be loaded again, regardless if the user refreshes or revisits the page. However, it the user closes the browser window or browser itself and return the site, it will appear...

// Update Prompt: Hide on 'X' click 
$('.updateCloseBTN').click(function () {
    $('.upgradeWrap').fadeOut(400);
});

You'll need a plugin like this :) https://github.com/carhartl/jquery-cookie — VIDesignz, Nov 10 '12 at 02:21

VIDesignz · Accepted Answer · 2012-11-10T02:28:13.327

4

First, You'll need a plugin like this :) https://github.com/carhartl/jquery-cookie

Once you get the plugin...

Create your cookie function

function setsomecookie(){
     $.cookie('the_cookie', 'the_value', { expires: 365 });
}

Use a callback for the fadeOut() animation.

$('.updateCloseBTN').click(function () {
    $('.upgradeWrap').fadeOut(400, setsomecookie);
});

This will run the 'setsomecookie' function after the fadeOut() is complete :)

edited Nov 10 '12 at 02:28

answered Nov 10 '12 at 02:15

VIDesignz

4,703
3
25
37

So what do I put in `// Stuff, stuff & more stuff`? – Mike Barwick Nov 10 '12 at 02:17
Problem is I'm not too sure how to create the cookie. That's where I'm stuck. Function arrangement I can do. :) – Mike Barwick Nov 10 '12 at 02:19
Ooohhhh, I thought you just wanted to know how to trigger a function when the fadeOut() was complete. – VIDesignz Nov 10 '12 at 02:19
1

@MikeBarwick You'll need a plugin like this :) https://github.com/carhartl/jquery-cookie – VIDesignz Nov 10 '12 at 02:22
1

@MikeBarwick Check this post, it will help you once you get the plugin :) http://stackoverflow.com/questions/1458724/how-to-set-unset-cookie-with-jquery – VIDesignz Nov 10 '12 at 02:25
1

Cheers man! Put your comments as an answer and I'll "check" ya ;) – Mike Barwick Nov 10 '12 at 02:27
Oh, you didn't need to fill it out. Just meant your comments, but this works lol. – Mike Barwick Nov 10 '12 at 02:34

Adding Cookie To Simple jQuery Function

1 Answers1