Question

I have created a div box which should be removed on a click. There would be a small "X" image and when you click on it the box disappears. There shouldn’t be an option to show it again. Ideally, I’d like to somehow save the information to the cookie, so that it doesn’t appear on the page refresh or when viewing other pages (it would be implemented site-wide).

Here is my simple example code:

http://jsfiddle.net/2gNrC/

Answer 1

Quick and dirty: (http://jsfiddle.net/bambitlaw/RsS5V/)

$(document).ready(function(){
$('#closebutton').click(function(){
    $('#box').hide();
    $(this).hide();
    document.cookie="hideit=yes";
});    
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
    if (x=="hideit")
   {
    $('#box').hide();
    $('#closebutton').hide();
    }
  }

});