MyBB Community Forums

I have this script:

<Head>

<script type="text/javascript" language="javascript">
<!--
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=/";
}

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;
}

function eraseCookie(name) {
  createCookie(name,"",-1);
}

function hidemembers() {
  toggleBox('members','none');
  createCookie('members','none');
}

function showmembers() {
  toggleBox('members','block');
  createCookie('members','block');
}

function toggleBox(id, display) {
  // DOM3 = IE5, NS6
  if (document.getElementById) {
    document.getElementById(id).style.display = display;
  // Netscape 4
  } else if (document.layers) {
    document.layers[id].display = display;
  // IE 4
  } else if (document.all) { 
    document.all[id].style.display = display;
  }
}

window.onload = function() {
  var memberDisplay = readCookie('members');
  if (memberDisplay !== null) {
    toggleBox('members',memberDisplay);
  }
};

</head>
<body>

<a href="javascript:showmembers()">Show</a> | <a href="javascript:hidemembers()">hide</a>
<div id="members">content1</div>

</body>

However i need to use the same script for more than one divs, lets call them members2 and members3. I need help rewriting the script so it will work. Thank you Smile

Basic code Toungue

im not very good at JS Toungue

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" language="javascript">
<!--
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=/";
}

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;
}

function eraseCookie(name) {
  createCookie(name,"",-1);
}

function hidemembers(divname) {
  toggleBox(divname,'none');
  createCookie(divname,'none');
}

function showmembers(divname) {
  toggleBox(divname,'block');
  createCookie(divname,'block');
}

function toggleBox(id, display) {
  // DOM3 = IE5, NS6
  if (document.getElementById) {
    document.getElementById(id).style.display = display;
  // Netscape 4
  } else if (document.layers) {
    document.layers[id].display = display;
  // IE 4
  } else if (document.all) { 
    document.all[id].style.display = display;
  }
}

function init(div1,div2)
{
	var memberDisplay = readCookie(div1);
 	 if (memberDisplay !== null) 
	{
  	  toggleBox(div1,memberDisplay);
  	}

	var member2Display = readCookie(div2);
 	 if (member2Display !== null) 
	{
  	  toggleBox(div2,memberDisplay);
  	}
}
</script>
</head>

<body onLoad="init('members','members2')">
<a href="javascript:showmembers('members')">Show</a> | <a href="javascript:hidemembers('members')">hide</a>
<a href="javascript:showmembers('members1')">Show</a> | <a href="javascript:hidemembers('members1')">hide</a>
<div id="members">content1</div>
<div id="members1">content2</div>
</body>
</html>

Tabo

zaher1988