Jquery Cookie Problem

[defencedog]

I hav done quite a homework in determining the code to be precise the 'cookie code' such that the browser remember my choice!
Vistt this : https://defencedog.googlecode.com/sv...lcome_box.html

by viewing the source you will determine the two jquery (essential files) that are needed & I ain't tempering with them.
However I had tried to customise this passage:

<script type="text/javascript" language="javascript"> 

$(document).ready(function() {
	$('#sliderBox').slideTo({
		transition:300,
		top:'center',
		left:'center',
		inside:window
	});
	$('#mask').height($(document).height());

	jQuery(window).resize(function() {
		$('#sliderBox').stop().slideTo({
			transition:300,
			top:'center',
			left:'center',
			inside:window
		});
	});

	var closeWelcomeBox;

	$(window).scroll(function(){ 
		if(!closeWelcomeBox){
			$('#sliderBox').stop().slideTo({
				transition:300,
				top:'center',
				left:'center',
				inside:window
			});
		}
	});

	
	$("#closeWelcomeBox").click(function(){
		$('#sliderBox').stop().slideTo({ 
			transition:500,
			top:-400
	    	});
	    	$('#mask').fadeOut(500);
		closeWelcomeBox = true;
		$.cookie('hidewelcome', 'collapsed');
	});
	
	// COOKIES
    var hidewelcome = $.cookie('hidewelcome');
    if (hidewelcome == 'collapsed') {
        $('#sliderBox').css("display","none");
        $('#mask').css("display","none");
        closeWelcomeBox = true;
    };
});

</script>

First I created a cookie when the button is clicked & giv it its respective property namely 'collapse':

$.cookie('hidewelcome', 'collapsed');

then I simply wrote this to make browser remember users click event choice (via cookie):

	// COOKIES
    var hidewelcome = $.cookie('hidewelcome');
    if (hidewelcome == 'collapsed') {
        $('#sliderBox').css("display","none");
        $('#mask').css("display","none");
        closeWelcomeBox = true;
    };

This isn't working or am I missing something

[harbingerOTV]

error: $.cookie is not a function

you need to include the scrip that actually sets the cookie: https://github.com/carhartl/jquery-cookie

[defencedog]

Originally Posted by harbingerOTV

error: $.cookie is not a function

you need to include the scrip that actually sets the cookie: https://github.com/carhartl/jquery-cookie

you made chemical engineer a day!!

however may I ask is this can be done without adding external javascript & is there way to clear a cookie automatically lets say after 24hr period. (so the welcome popup appears to a user after 24hr)

I will use this script on blogger: http://defencedog.blogspot.com/

[harbingerOTV]

You can embed the script in your page as opposed to it being external.

http://plugins.jquery.com/files/issu...dified.js_.txt

and here are options:
https://github.com/carhartl/jquery-c...er/README.rdoc

Using that documentation and making it expire after 24 hours eg:

$.cookie('the_cookie', 'the_value', { expires: 1 }); /*1 is in days */

[defencedog]

Problem Solved