Ikke et kort eksempel, men jeg kunne ikke lige finde linket til det spørgsmål det blev lavet til, så du får hele koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Cookie-test</title>
<meta name="Generator" content="Stone's WebWriter 3.5">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;
function ShowHide(id){
var act = "0";
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
if(styleObj.display == "none"){
styleObj.display = "";
act = "1";
}else{
styleObj.display = "none"
}
updateCookie(id,act);
}
function updateCookie(id,act){
var found = false;
if(document.cookie){
var oldCook = document.cookie;
var tmp = oldCook.split(";");
for (i=0;tmp.length>i;i++){
if (tmp[i].indexOf("ShowHide=")!=-1){
newCook = tmp[i].substring(9+tmp[i].indexOf("ShowHide=")).split(":");
found = true;
break;
}
}
var updated = false;
if (found){
for (i=0;newCook.length>i;i++){
if (newCook[i].indexOf(id+"-")==0){
newCook[i] = id+"-"+act;
updated = true;
break;
}
}
}else{newCook = new Array();}
if(!updated){
newCook[newCook.length] = id+"-"+act;
}
}else{
newCook = new Array();
newCook[0] = id+"-"+act;
}
var exp = new Date();
exp.setYear(exp.getFullYear()+1);//cookien gælder et år
var txt = "ShowHide="+newCook.join(":")+"; expires="+exp.toGMTString()+"; path=/; domain=.surfersinfo.dk";
document.cookie = txt;
}
function updateShowHide(){
if (document.cookie){
var tmp = document.cookie.split(";");
var cook = false;
for (i=0;tmp.length>i;i++){
if (tmp[i].indexOf("ShowHide=")!=-1){
newCook = tmp[i].substring(9+tmp[i].indexOf("ShowHide=")).split(":");
cook = true;
break;
}
}
if(cook){
for (i=0;newCook.length>i;i++){
id = newCook[i].substring(0,newCook[i].indexOf("-"));
act = newCook[i].charAt(newCook[i].length-1);
var styleObj = null;
if(ns4){
styleObj = document.layers[id];
}else if(ie4){
if (document.all[id]){styleObj = document.all[id].style;}
}else{
if (document.getElementById(id)){styleObj = document.getElementById(id).style;}
}
if (styleObj){
if(act==0){
styleObj.display = "none";
}else{
styleObj.display = "";
}
}
}
}
}
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onload="updateShowHide()">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td onclick="java script:ShowHide('menu_box_1')" class=menu_box_0 title="vis / gem" bgcolor="#999999">klik
her </td>
</tr>
<tr>
<td onclick="java script:ShowHide('menu_box_2')" class=menu_box_0 title="vis / gem" bgcolor="#999999">klik
her (2)</td>
</tr>
</table>
<div name="menu_box_1" id="menu_box_1" style="display:block;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#FF6600">OLAV1</td>
</tr>
</table>
</div>
<div name="menu_box_2" id="menu_box_2" style="display:block;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#FF6600">OLAV2</td>
</tr>
</table>
</div>
</body>
</html>
