Remembering a boxes state with a cookie.

[anathema]

Having a bit of trouble adapting some code for my use.

This is the desired outcome - a user clicks on a#tools-link. This shows
/ hides the div #tool-box and a cookie is set to remember it's status
so that when the user goes to another page the #tool-box retains their
choice.

The show / hide part is fine. It is the cookie stuff I can not get
right.

The function hideBoxes is what is messed up. It is supposed to look at
the cookie and if it is set to 'invisible', then it should set the
class of #tool-box to 'invisible'

The function is overkill for what I am doing. It was originally
designed to keep track of the multiple boxes open or closed states, but
I am only keeping track of 1 for now. I do not think I need any of the
var kids stuff. So How can i rewrite that function to do what I need?

Here is the code.

// These are behaviour.js rules

var myrules = {
'a#tools-link' : function(el){
el.onclick = function(){
if (Element.hasCla ssName('tool-box', 'invisible')) {
new Effect.BlindDow n('tool-box');
Element.removeC lassName('tool-box', 'invisible');
setCookie('tool-box', '', 365);
} else {
new Effect.BlindUp( 'tool-box');
Element.addClas sName('tool-box', 'invisible');
setCookie('tool-box', 'invisible', 365);
}
return false;
}
}
};
// Cookie stuff

function hideBoxes() {

// Id names of all the "boxes"
boxIds = $("tool-box");

for (i = 0; i < boxIds.length; i++) {
if (boxIds[i]) {
cookieValue = readCookie(boxI ds[i].id);
if (cookieValue == 'invisible') {
var div = boxIds[i].getElementsByT agName('div');
Element.addClas sName(div[0], 'invisible');
var kids = boxIds[i].childNodes;
for (j = 1; j < kids.length; j++) {
if (kids[j].id) {
Element.hide(ki ds[j]);
}
}
}
}
}
}

function setCookie(name, value,days) {
if (days) {
var date = new Date();
date.setTime(da te.getTime()+(d ays*24*60*60*10 00));
var expires = ";expires="+dat e.toGMTString() ;
} else {
expires = "";
}
document.cookie = name+"="+value+ expires+";path=/";
}

function readCookie(name ) {
var needle = name + "=";
var cookieArray = document.cookie .split(';');
for(var i=0;i < cookieArray.len gth;i++) {
var pair = cookieArray[i];
while (pair.charAt(0) ==' ') {
pair = pair.substring( 1, pair.length);
}
if (pair.indexOf(n eedle) == 0) {
return pair.substring( needle.length, pair.length);
}
}
return null;
}

// Register the behaviour rules and load a few functions onload.
Behaviour.regis ter(myrules);
Behaviour.addLo adEvent(hideBox es);

[getburl]

Hi anathema,

I have a class you might be interested for manipulating your cookies
posted at http://adambragg.blogspot.com

getburl

anathema wrote:

Having a bit of trouble adapting some code for my use.

This is the desired outcome - a user clicks on a#tools-link. This shows
/ hides the div #tool-box and a cookie is set to remember it's status
so that when the user goes to another page the #tool-box retains their
choice.

The show / hide part is fine. It is the cookie stuff I can not get
right.

The function hideBoxes is what is messed up. It is supposed to look at
the cookie and if it is set to 'invisible', then it should set the
class of #tool-box to 'invisible'

The function is overkill for what I am doing. It was originally
designed to keep track of the multiple boxes open or closed states, but
I am only keeping track of 1 for now. I do not think I need any of the
var kids stuff. So How can i rewrite that function to do what I need?

Here is the code.

// These are behaviour.js rules

var myrules = {
'a#tools-link' : function(el){
el.onclick = function(){
if (Element.hasCla ssName('tool-box', 'invisible')) {
new Effect.BlindDow n('tool-box');
Element.removeC lassName('tool-box', 'invisible');
setCookie('tool-box', '', 365);
} else {
new Effect.BlindUp( 'tool-box');
Element.addClas sName('tool-box', 'invisible');
setCookie('tool-box', 'invisible', 365);
}
return false;
}
}
};
// Cookie stuff

function hideBoxes() {

// Id names of all the "boxes"
boxIds = $("tool-box");

for (i = 0; i < boxIds.length; i++) {
if (boxIds[i]) {
cookieValue = readCookie(boxI ds[i].id);
if (cookieValue == 'invisible') {
var div = boxIds[i].getElementsByT agName('div');
Element.addClas sName(div[0], 'invisible');
var kids = boxIds[i].childNodes;
for (j = 1; j < kids.length; j++) {
if (kids[j].id) {
Element.hide(ki ds[j]);
}
}
}
}
}
}

function setCookie(name, value,days) {
if (days) {
var date = new Date();
date.setTime(da te.getTime()+(d ays*24*60*60*10 00));
var expires = ";expires="+dat e.toGMTString() ;
} else {
expires = "";
}
document.cookie = name+"="+value+ expires+";path=/";
}

function readCookie(name ) {
var needle = name + "=";
var cookieArray = document.cookie .split(';');
for(var i=0;i < cookieArray.len gth;i++) {
var pair = cookieArray[i];
while (pair.charAt(0) ==' ') {
pair = pair.substring( 1, pair.length);
}
if (pair.indexOf(n eedle) == 0) {
return pair.substring( needle.length, pair.length);
}
}
return null;
}

// Register the behaviour rules and load a few functions onload.
Behaviour.regis ter(myrules);
Behaviour.addLo adEvent(hideBox es);