How Can I Set a Cookie on Click?

Question

Possible Duplicate:
What is the “best” way to get and set a single cookie value using JavaScript

I made a notification bar which you can see at the top of the site. There is a p tag with the text "close x" in it which when clicked will add a class to the container using jquery and hide the bar. What I am trying to do though is create a cookie for the user when they click this so that the choice to hide the bar is saved until they end their session on the site.

I really don't know much about setting up cookies, any ideas?

Here is the live version to see: http://www.brainbuzzmedia.com/themes/simplybusiness/

https://github.com/carhartl/jquery-cookie – Matt Whipple Oct 24 '12 at 02:05 — Matt Whipple, Oct 24 '12 at 02:05
Google "JavaScript cookie", first result. – Jan Oct 24 '12 at 02:33 — Jan, Oct 24 '12 at 02:33

Tariqulazam · Accepted Answer · 2012-10-24T02:56:32.127

3

Use jQuery -Cookie plugin

SET COOKIE

$.cookie('SampleKey', 'SampleValue', { path: '/' });

GET COOKIE

$.cookie('SampleKey');

I assume you have a div where you want to write the text 'Closed' UPDATE

HTML

<div id="close"></div>

JS

if($.cookie('CookieKey')=='closed'){
    $("#close").html('Closed');
}

edited Oct 24 '12 at 02:56

answered Oct 24 '12 at 02:14

Tariqulazam

4,535
1
34
42

How would I write the jquery to say the php equivalent of "if($cookievalue == 'closed'){echo 'class="closed"'} – BRAINBUZZ media Oct 24 '12 at 02:52
What is the name of your cookie key? – Tariqulazam Oct 24 '12 at 02:54

How Can I Set a Cookie on Click?

1 Answers1