Solved

Show hide to stay open

Posted on 2007-12-01
15
204 Views
Last Modified: 2013-11-19
The following code opens/closes a div (changes it's visibility), works great as is...what I'm wondering is...

When I click to open (show) a div, and then navigate to another page, the div closes (hides), how can I make it stay open?

I assume cookies, however I am unsure of how I can add cookies into this code...
imgout=new Image(11,11);

imgin=new Image(11,11);

	imgout.src="/imgs/u.gif";

	imgin.src="/imgs/d.gif";

//this switches expand collapse icons

function filter(imagename,objectsrc){

	if (document.images){

		document.images[imagename].src=eval(objectsrc+".src");

	}

}

//show OR hide funtion depends on if element is shown or hidden

function shoh(id) { 

	if (document.getElementById) { // DOM3 = IE5, NS6

		if (document.getElementById(id).style.display == "none"){

			document.getElementById(id).style.display = 'block';

			filter(("img"+id),'imgin');			

		} else {

			filter(("img"+id),'imgout');

			document.getElementById(id).style.display = 'none';			

		}	

	} else { 

		if (document.layers) {	

			if (document.id.display == "none"){

				document.id.display = 'block';

				filter(("img"+id),'imgin');

			} else {

				filter(("img"+id),'imgout');	

				document.id.display = 'none';

			}

		} else {

			if (document.all.id.style.visibility == "none"){

				document.all.id.style.display = 'block';

			} else {

				filter(("img"+id),'imgout');

				document.all.id.style.display = 'none';

			}

		}

	}

}

Open in new window

0
Comment
Question by:kevp75
  • 11
  • 3
15 Comments
 
LVL 21

Expert Comment

by:nizsmo
ID: 20388872
hi kevp75,

i am pretty sure this can be done using some very simple PHP code and session variable, which is probably the most effectivve, if you are willing to try?
But you have not given me enough code, so you will need to supply more code in order for me to attempt it.
0
 
LVL 25

Author Comment

by:kevp75
ID: 20388935
sorry.  it's a classic asp site.  I know how to do it server side, but something like this does not need to be done server side...
0
 
LVL 25

Author Comment

by:kevp75
ID: 20389069
ok, so i figure "use cookies", but I think I am off somewhere....

no errors, it just does not stay open

updated code to follow:
imgout=new Image(11,11);

imgin=new Image(11,11);

	imgout.src="/imgs/u.gif";

	imgin.src="/imgs/d.gif";

//this switches expand collapse icons

function filter(imagename,objectsrc){

	if (document.images){

		document.images[imagename].src=eval(objectsrc+".src");

	}

}

//show OR hide funtion depends on if element is shown or hidden

function shoh(id) { 

	if (document.getElementById) { // DOM3 = IE5, NS6

		if (document.getElementById(id).style.display == "none" || readCookie("sh") == "closed"){

			document.getElementById(id).style.display = 'block';

			createCookie("sh","open",Date+1);

			filter(("img"+id),'imgin');			

		} else {

			filter(("img"+id),'imgout');

			document.getElementById(id).style.display = 'none';	

			createCookie("sh","closed",Date+1);

		}	

	} else { 

		if (document.layers) {	

			if (document.id.display == "none" || readCookie("sh") == "closed"){

				document.id.display = 'block';

				createCookie("sh","open",Date+1);

				filter(("img"+id),'imgin');

			} else {

				filter(("img"+id),'imgout');	

				document.id.display = 'none';

				createCookie("sh","closed",Date+1);

			}

		} else {

			if (document.all.id.style.visibility == "none" || readCookie("sh") == "closed"){

				document.all.id.style.display = 'block';

				createCookie("sh","open",Date+1);

			} else {

				filter(("img"+id),'imgout');

				document.all.id.style.display = 'none';

				createCookie("sh","closed",Date+1);

			}

		}

	}

}

Open in new window

0
 
LVL 25

Author Comment

by:kevp75
ID: 20389071
and the 2 helper functions:

//set cookie

function createCookie(name,value,days)

	{

	if (days) {

		var date = new Date();

		date.setTime(date.getTime()+(days*24*60*60*1000));

		var expires = "; expires="+date.toGMTString();

		}

	else var expires = "";

	document.cookie = name+"="+value+expires+"; path=/";

	}

//get cookie

function readCookie(name)

	{

	var ca = document.cookie.split(';');

	var nameEQ = name + "=";

	for(var i=0;i < ca.length;i++) 

		{

			var c = ca[i];

			while (c.charAt(0)=='') c = c.substring(1,c.length);//delete spaces

			if (c.indexOf(nameEQ)==0) return c.substring(nameEQ.length,c.length);

		}

		return null;

	}

Open in new window

0
 
LVL 2

Expert Comment

by:yossi_intlock
ID: 20389379
i guess your problem starts when you hit the back button on your browser and you need to save the state of what was open and what closed. to save the document state you can indeed use cookie.
here is a good arcitcle about cookies and javascript: http://www.quirksmode.org/js/cookies.html
0
 
LVL 25

Author Comment

by:kevp75
ID: 20389510
hitting the back button is irrelevant, the issue is as you state, I need to remember the state of the div (open or closed).  i think my logic for the code is off, as it doesnt' save the element state...


imgout=new Image(11,11);

imgin=new Image(11,11);

	imgout.src="/imgs/u.gif";

	imgin.src="/imgs/d.gif";

//this switches expand collapse icons

function filter(imagename,objectsrc){

	if (document.images){

		document.images[imagename].src=eval(objectsrc+".src");

	}

}

//show OR hide funtion depends on if element is shown or hidden

function shoh(id) { 

	if (document.getElementById) { // DOM3 = IE5, NS6

		if (document.getElementById(id).style.display == "none" || document.cookie == "sh=closed;"){

			document.getElementById(id).style.display = 'block';

				document.cookie = 'sh=open; expires=; path=/';

			filter(("img"+id),'imgin');			

		} else {

			filter(("img"+id),'imgout');

			document.getElementById(id).style.display = 'none';	

				document.cookie = 'sh=closed; expires=; path=/';

		}	

	} else { 

		if (document.layers) {	

			if (document.id.display == "none" || document.cookie == "sh=closed;"){

				document.id.display = 'block';

				document.cookie = 'sh=open; expires=; path=/';

				filter(("img"+id),'imgin');

			} else {

				filter(("img"+id),'imgout');	

				document.id.display = 'none';

				document.cookie = 'sh=closed; expires=; path=/';

			}

		} else {

			if (document.all.id.style.visibility == "none" || document.cookie == "sh=closed;"){

				document.all.id.style.display = 'block';

				document.cookie = 'sh=open; expires=; path=/';

			} else {

				filter(("img"+id),'imgout');

				document.all.id.style.display = 'none';

				document.cookie = 'sh=closed; expires=; path=/';

			}

		}

	}

}

Open in new window

0
 
LVL 25

Author Comment

by:kevp75
ID: 20389517
my guess is that I am off when I am trying to retrieve the cookie...if you look in the .style.display == "none" lines, I am trying to:

if the style = none OR the cookie name "sh" = closed, etc...

and then I'm not even so sure that will work as I am thinking it should...
0
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 25

Author Comment

by:kevp75
ID: 20389549
I apologize....it looks like the cookie is not getting set.  I did it manually setting a cookie, and then retrieving it and I was able to do that...
0
 
LVL 25

Author Comment

by:kevp75
ID: 20391372
code update....when I alert(document.cookie); I see all my cookies, and the one for this is also included, however when I try to read just that cookie....alert = null
imgout=new Image(11,11);

imgin=new Image(11,11);

	imgout.src="/imgs/u.gif";

	imgin.src="/imgs/d.gif";

//this switches expand collapse icons

function filter(imagename,objectsrc){

	if (document.images){

		document.images[imagename].src=eval(objectsrc+".src");

	}

}

//show OR hide funtion depends on if element is shown or hidden

function shoh(id) { 

	if (document.getElementById) { // DOM3 = IE5, NS6

		if (document.getElementById(id).style.display == "none" || readCookie('sh') == "closed"){

			document.getElementById(id).style.display = 'block';

			Set_Cookie('sh', 'open', 1, '', '', '');

			filter(("img"+id),'imgin');			

		} else {

			filter(("img"+id),'imgout');

			document.getElementById(id).style.display = 'none';	

			Set_Cookie('sh', 'closed', 1, '', '', '');

		}	

	} else { 

		if (document.layers) {	

			if (document.id.display == "none" || readCookie('sh') == "closed"){

				document.id.display = 'block';

				Set_Cookie('sh', 'open', 1, '', '', '');

				filter(("img"+id),'imgin');

			} else {

				filter(("img"+id),'imgout');	

				document.id.display = 'none';

				Set_Cookie('sh', 'closed', 1, '', '', '');

			}

		} else {

			if (document.all.id.style.visibility == "none" || readCookie('sh') == "closed"){

				document.all.id.style.display = 'block';

				Set_Cookie('sh', 'open', 1, '', '', '');

			} else {

				filter(("img"+id),'imgout');

				document.all.id.style.display = 'none';

				Set_Cookie('sh', 'closed', 1, '', '', '');

			}

		}

	}

}
 

//set cookie

function Set_Cookie( name, value, expires, path, domain, secure ) 

{

// set time, it's in milliseconds

var today = new Date();

today.setTime( today.getTime() );
 

if ( expires )

{

expires = expires * 1000 * 60 * 60 * 24;

}

var expires_date = new Date( today.getTime() + (expires) );
 

document.cookie = name + "=" +escape( value ) +

( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) + 

( ( path ) ? ";path=" + path : "" ) + 

( ( domain ) ? ";domain=" + domain : "" ) +

( ( secure ) ? ";secure" : "" );

}

//get cookie

function readCookie(name)

	{

	var ca = document.cookie.split(';');

	var nameEQ = name + "=";

	for(var i=0;i < ca.length;i++) 

		{

			var c = ca[i];

			while (c.charAt(0)=='') c = c.substring(1,c.length);//delete spaces

			if (c.indexOf(nameEQ)==0) return c.substring(nameEQ.length,c.length);

		}

		return null;

	}

Open in new window

0
 
LVL 25

Author Comment

by:kevp75
ID: 20391479
so...my cookie is getting written and read correctly, however the display state does not change when I navigate to another page
0
 
LVL 25

Author Comment

by:kevp75
ID: 20391531
darn it...

back to square 1.  here's a test page, and the updated code
//set cookie

function Set_Cookie( name, value, expires, path, domain, secure ) 

{

// set time, it's in milliseconds

var today = new Date();

today.setTime( today.getTime() );
 

if ( expires )

{

expires = expires * 1000 * 60 * 60 * 24;

}

var expires_date = new Date( today.getTime() + (expires) );
 

document.cookie = name + "=" +escape( value ) +

( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) + 

( ( path ) ? ";path=" + path : "" ) + 

( ( domain ) ? ";domain=" + domain : "" ) +

( ( secure ) ? ";secure" : "" );

}

//get cookie

function readCookie(name)

	{

	var ca = document.cookie.split(';');

	var nameEQ = name + "=";

	for(var i=0;i < ca.length;i++) 

		{

			var c = ca[i];

			while (c.charAt(0)=='') c = c.substring(1,c.length);//delete spaces

			if (c.indexOf(nameEQ)==0) return c.substring(nameEQ.length,c.length);

		}

		return null;

	}
 

imgout=new Image(11,11);

imgin=new Image(11,11);

	imgout.src="/imgs/u.gif";

	imgin.src="/imgs/d.gif";

//this switches expand collapse icons

function filter(imagename,objectsrc){

	if (document.images){

		document.images[imagename].src=eval(objectsrc+".src");

	}

}

//show OR hide funtion depends on if element is shown or hidden

function shoh(id) { 

	if (document.getElementById) { // DOM3 = IE5, NS6

		if (document.getElementById(id).style.display == "none"){

			document.getElementById(id).style.display = 'block';

			Set_Cookie('sh'+id, 'open', 1, '', '', '');

			alert(readCookie('sh'+id));

			filter(("img"+id),'imgin');			

		} else {

			filter(("img"+id),'imgout');

			document.getElementById(id).style.display = 'none';	

			Set_Cookie('sh'+id, 'closed', 1, '', '', '');

			alert(readCookie('sh'+id));

		}	

	} else { 

		if (document.layers) {	

			if (document.id.display == "none"){

				document.id.display = 'block';

				Set_Cookie('sh'+id, 'open', 1, '', '', '');

				alert(readCookie('sh'+id));

				filter(("img"+id),'imgin');

			} else {

				filter(("img"+id),'imgout');	

				document.id.display = 'none';

				Set_Cookie('sh'+id, 'closed', 1, '', '', '');

				alert(readCookie('sh'+id));

			}

		} else {

			if (document.all.id.style.visibility == "none"){

				document.all.id.style.display = 'block';

				Set_Cookie('sh'+id, 'open', 1, '', '', '');

				alert(readCookie('sh'+id));

			} else {

				filter(("img"+id),'imgout');

				document.all.id.style.display = 'none';

				Set_Cookie('sh'+id, 'closed', 1, '', '', '');

				alert(readCookie('sh'+id));

			}

		}

	}

}

Open in new window

0
 
LVL 2

Accepted Solution

by:
yossi_intlock earned 500 total points
ID: 20392771
well, eventualy i wrote it down - so copy past it to an .html file and run it. its a demonstration of how this should work with your code and some additions. the cookie handle you wrote basicly works. its the states issue you didnt take care of. you have to handle all possible states of the document. best practice to do that is to practice it until it works the way you want and keep in mind all states that could possibly be. a good way to check your code in run time is to use the debugger; keyword that will attach the proccess to the debugger (on vs.net or firefox firebug). by attaching your code to a debugger proccess you can see in each state the current vriables and decide which action to take next. hope this is a help. :) .   btw - the script i added is supported only by ie...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

    <title>Untitled Page</title>

</head>

<body><script>

//set cookie

function Set_Cookie( name, value, expires, path, domain, secure ) 

{

// set time, it's in milliseconds

var today = new Date();

today.setTime( today.getTime() );

 

if ( expires )

{

expires = expires * 1000 * 60 * 60 * 24;

}

var expires_date = new Date( today.getTime() + (expires) );

 

document.cookie = name + "=" +escape( value ) +

( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) + 

( ( path ) ? ";path=" + path : "" ) + 

( ( domain ) ? ";domain=" + domain : "" ) +

( ( secure ) ? ";secure" : "" );

}

//get cookie

function readCookie(name)

	{

	var ca = document.cookie.split(';');

	var nameEQ = name + "=";

	for(var i=0;i < ca.length;i++) 

		{

			var c = ca[i];

			while (c.charAt(0)=='') c = c.substring(1,c.length);//delete spaces

			if (c.indexOf(nameEQ)==0) return c.substring(nameEQ.length,c.length);

		}

		return null;

	}

 

 

    

 

imgout=new Image(11,11);

imgin=new Image(11,11);

	imgout.src="/imgs/u.gif";

	imgin.src="/imgs/d.gif";

//this switches expand collapse icons

function filter(imagename,objectsrc){

	if (false){

		document.images[imagename].src=eval(objectsrc+".src");

	}

}

//show OR hide funtion depends on if element is shown or hidden

function shoh(id,saveState) { 

	if (document.getElementById) { // DOM3 = IE5, NS6

		if (document.getElementById(id).style.display == "none"){

			document.getElementById(id).style.display = 'block';

			Set_Cookie('sh'+id, 'open', 1, '', '', '');

			alert(readCookie('sh'+id));

			filter(("img"+id),'imgin');			

		} else {

			filter(("img"+id),'imgout');

			document.getElementById(id).style.display = 'none';	

			Set_Cookie('sh'+id, 'closed', 1, '', '', '');

			alert(readCookie('sh'+id));

		}	

	} else { 

		if (document.layers) {	

			if (document.id.display == "none"){

				document.id.display = 'block';

				Set_Cookie('sh'+id, 'open', 1, '', '', '');

				alert(readCookie('sh'+id));

				filter(("img"+id),'imgin');

			} else {

				filter(("img"+id),'imgout');	

				document.id.display = 'none';

				Set_Cookie('sh'+id, 'closed', 1, '', '', '');

				alert(readCookie('sh'+id));

			}

		} else {

			if (document.all.id.style.visibility == "none"){

				document.all.id.style.display = 'block';

				Set_Cookie('sh'+id, 'open', 1, '', '', '');

				alert(readCookie('sh'+id));

			} else {

				filter(("img"+id),'imgout');

				document.all.id.style.display = 'none';

				Set_Cookie('sh'+id, 'closed', 1, '', '', '');

				alert(readCookie('sh'+id));

			}

		}

	}

}
 

</script>

<input type="button" onclick="shoh('bla',true)" value="show / hide " /><br /><br /><br />

<div id="bla" >bla<br />bla<br />bla</div>

<script>

    

    if(readCookie('shbla') == 'closed' )

        shoh('bla',false);

</script>

</body>

</html>

Open in new window

0
 
LVL 25

Author Comment

by:kevp75
ID: 20392827
i am curious...I copied/pasted your code to another page....and it looks like it works right.  What I am wondering is where in the code you are processing the saveState?
0
 
LVL 25

Author Comment

by:kevp75
ID: 20392861
ok.  it's not working...

test page: http://invoice.07th.com/untitled.asp

code to follow:

'untitled.asp

<h1>Test Page 1</h1>

	<div class="pCont">

		<div class="pHdr"><a href='#' onclick="shoh('n1',true);return false;" style="color:#FFF;text-decoration:none;"><img style='float:right;margin:3px 5px 0 0;' src='/imgs/u.gif' alt='expand' name='imgn1' width='11' height='11' border='0' /> Invoicing</a></div>

		<div class="pc" id="n1" style="display:none;">

			<div class="userNav"><a href="/untitled2.asp">Test Page 2</a></div>

			<div class="userNav"><a href="#">Archive</a></div>

			<div class="userNav"><a href="#">Reports</a></div>

		</div>

		<script>

			if(readCookie('shn1') == 'closed' ) {

			shoh('shn1',false);

			}

		</script>

	</div>

	<div class="pCont">

		<div class="pHdr"><a href='#' onclick="shoh('n2',true);return false;" style="color:#FFF;text-decoration:none;"><img style='float:right;margin:3px 5px 0 0;' src='/imgs/u.gif' alt='expand' name='imgn2' width='11' height='11' border='0' /> Invoicing</a></div>

		<div class="pc" id="n2" style="display:none;">

			<div class="userNav"><a href="#">Your Invoices</a></div>

			<div class="userNav"><a href="#">Archive</a></div>

			<div class="userNav"><a href="#">Reports</a></div>

		</div>

		<script>

			if(readCookie('shn2') == 'closed' ) {

			shoh('shn2',false);

			}

		</script>

	</div>

	<div class="pCont">

		<div class="pHdr"><a href='#' onclick="shoh('n3',true);return false;" style="color:#FFF;text-decoration:none;"><img style='float:right;margin:3px 5px 0 0;' src='/imgs/u.gif' alt='expand' name='imgn3' width='11' height='11' border='0' /> Invoicing</a></div>

		<div class="pc" id="n3" style="display:none;">

			<div class="userNav"><a href="#">Your Invoices</a></div>

			<div class="userNav"><a href="#">Archive</a></div>

			<div class="userNav"><a href="#">Reports</a></div>

		</div>

		<script>

			if(readCookie('shn3') == 'closed' ) {

			shoh('shn3',false);

			}

		</script>

	</div>
 

'untitled2.asp

<h1>Test Page 2</h1>

	<div class="pCont">

		<div class="pHdr"><a href='#' onclick="shoh('n1',true);return false;" style="color:#FFF;text-decoration:none;"><img style='float:right;margin:3px 5px 0 0;' src='/imgs/u.gif' alt='expand' name='imgn1' width='11' height='11' border='0' /> Invoicing</a></div>

		<div class="pc" id="n1" style="display:none;">

			<div class="userNav"><a href="/untitled.asp">Test Page</a></div>

			<div class="userNav"><a href="#">Archive</a></div>

			<div class="userNav"><a href="#">Reports</a></div>

		</div>

		<script>

			if(readCookie('shn1') == 'closed' )

			shoh('shn1',false);

		</script>

	</div>

	<div class="pCont">

		<div class="pHdr"><a href='#' onclick="shoh('n2',true);return false;" style="color:#FFF;text-decoration:none;"><img style='float:right;margin:3px 5px 0 0;' src='/imgs/u.gif' alt='expand' name='imgn2' width='11' height='11' border='0' /> Invoicing</a></div>

		<div class="pc" id="n2" style="display:none;">

			<div class="userNav"><a href="#">Your Invoices</a></div>

			<div class="userNav"><a href="#">Archive</a></div>

			<div class="userNav"><a href="#">Reports</a></div>

		</div>

		<script>

			if(readCookie('shn2') == 'closed' )

			shoh('shn2',false);

		</script>

	</div>

	<div class="pCont">

		<div class="pHdr"><a href='#' onclick="shoh('n3',true);return false;" style="color:#FFF;text-decoration:none;"><img style='float:right;margin:3px 5px 0 0;' src='/imgs/u.gif' alt='expand' name='imgn3' width='11' height='11' border='0' /> Invoicing</a></div>

		<div class="pc" id="n3" style="display:none;">

			<div class="userNav"><a href="#">Your Invoices</a></div>

			<div class="userNav"><a href="#">Archive</a></div>

			<div class="userNav"><a href="#">Reports</a></div>

		</div>

		<script>

			if(readCookie('shn3') == 'closed' )

			shoh('shn3',false);

		</script>

	</div>
 

'include.js

//set cookie

function Set_Cookie( name, value, expires, path, domain, secure ) 

{

// set time, it's in milliseconds

var today = new Date();

today.setTime( today.getTime() );

 

if ( expires )

{

expires = expires * 1000 * 60 * 60 * 24;

}

var expires_date = new Date( today.getTime() + (expires) );

 

document.cookie = name + "=" +escape( value ) +

( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) + 

( ( path ) ? ";path=" + path : "" ) + 

( ( domain ) ? ";domain=" + domain : "" ) +

( ( secure ) ? ";secure" : "" );

}

//get cookie

function readCookie(name)

{

   var nameEQ = name + "=";

   var ca = document.cookie.split(';');

   for(var i=0;i < ca.length;i++)

   {

      var c = ca[i];

      while (c.charAt(0)==' ') c = c.substring(1,c.length);

      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);

   }

   return null;

}

 

imgout=new Image(11,11);

imgin=new Image(11,11);

	imgout.src="/imgs/u.gif";

	imgin.src="/imgs/d.gif";

//this switches expand collapse icons

function filter(imagename,objectsrc){

	if (false){

		document.images[imagename].src=eval(objectsrc+".src");

	}

}

//show OR hide funtion depends on if element is shown or hidden

function shoh(id,saveState) { 

	if (document.getElementById) { // DOM3 = IE5, NS6

		if (document.getElementById(id).style.display == "none"){

			document.getElementById(id).style.display = 'block';

			Set_Cookie('sh'+id, 'open', 1, '', '', '');

			alert(readCookie('sh'+id));

			filter(("img"+id),'imgin');			

		} else {

			filter(("img"+id),'imgout');

			document.getElementById(id).style.display = 'none';	

			Set_Cookie('sh'+id, 'closed', 1, '', '', '');

			alert(readCookie('sh'+id));

		}	

	} else { 

		if (document.layers) {	

			if (document.id.display == "none"){

				document.id.display = 'block';

				Set_Cookie('sh'+id, 'open', 1, '', '', '');

				alert(readCookie('sh'+id));

				filter(("img"+id),'imgin');

			} else {

				filter(("img"+id),'imgout');	

				document.id.display = 'none';

				Set_Cookie('sh'+id, 'closed', 1, '', '', '');

				alert(readCookie('sh'+id));

			}

		} else {

			if (document.all.id.style.visibility == "none"){

				document.all.id.style.display = 'block';

				Set_Cookie('sh'+id, 'open', 1, '', '', '');

				alert(readCookie('sh'+id));

			} else {

				filter(("img"+id),'imgout');

				document.all.id.style.display = 'none';

				Set_Cookie('sh'+id, 'closed', 1, '', '', '');

				alert(readCookie('sh'+id));

			}

		}

	}

}

Open in new window

0
 
LVL 2

Expert Comment

by:yossi_intlock
ID: 20392875
i put it just below the 'bla' div element so i wouldnt have to use window.onload or document.addeEventListener. this code will check on window first  load if the cookie state is set to closed and will call your showHide method.with saveState = false in that case
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

Preface This article introduces an authentication and authorization system for a website.  It is understood by the author and the project contributors that there is no such thing as a "one size fits all" system.  That being said, there is a certa…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Viewers will learn about the different types of variables in Java and how to declare them. Decide the type of variable desired: Put the keyword corresponding to the type of variable in front of the variable name: Use the equal sign to assign a v…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

759 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now