Är ute efter en meny som sparar användarens inställningar när man lämnar sidan. KOmmer att ha 5 olika klickbara menyer som utökar sig när man klickar på dem.spara cookies i meny
Med koden nedan så sparas bara den senaste öppnade menyn, men jag vill att om jag har 3 menyer öppna så ska alla 3 visas nästa gång jag loggar in och inte bara den senaste som jag klickade på. Vad ska jag ändra???
Har följande kod till min meny
<html>
<head>
<script type="text/javascript">
// Namn på kakan
var myCookie = 'menuId';
// Ladda rätt avdelning när besökaren anländer
function avdOnLoad()
{
avd(getCookie(myCookie));
}
// Toggla avdelningarna
function avd(obj)
{
setCookie(myCookie,obj)
var objElm = document.getElementById(obj);
if(objElm.style.display=='none')
objElm.style.display='';
else
objElm.style.display='none';
}
// Skapa kakan, expire om 30 dagar
function setCookie(name, value)
{
var today = new Date();
var expiry = new Date(today.getTime() + 30 * 24 * 60 * 60 * 1000);
if (value != null && value != "")
document.cookie=name + "=" + escape(value) + "; expires=" + expiry.toGMTString();
}
// Hämta kakan
function getCookie(name)
{
var objCookie = document.cookie;
var index = objCookie.indexOf(name + "=");
if (index == -1) return null;
index = objCookie.indexOf("=", index) + 1;
var endstr = objCookie.indexOf(";", index);
if (endstr == -1) endstr = objCookie.length;
return unescape(objCookie.substring(index, endstr));
}
</script>
</head>
<body onload="avdOnLoad();">
<SPAN OnClick="avd('senastenytt');"><img src="meny/senaste.gif"></span>
<SPAN STYLE="display: none" ID="senastenytt">
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>
<img src="meny/pilar.gif"> Min presentation<br>
<img src="meny/pilar.gif"> Min gästbok<br>
<img src="meny/pilar.gif"> Min dagbok<br>
<img src="meny/pilar.gif"> Ladda upp foto
</td></tr></table>
</span>
<SPAN OnClick="avd('senastenytt1');"><img src="meny/senaste1.gif"></span>
<SPAN STYLE="display: none" ID="senastenytt1">
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>
<img src="meny/pilar.gif"> Min presentation<br>
</td></tr></table>
</span>
</body>
</html>