Svær opgave med Javascript og cookies
Hejsa,Jeg kæmper med at lave en side, hvor der er nogle div-elementer, som en bruger kan slå til og fra som han vil.
Det er som sådan ikke det svære - det svære er at lave det så der bliver gemt en cookie / cookien bliver opdateret, hver gang personen lukker / åbner en boks.
Det skal gøres, fordi når man så kommer ind på siden næste gang, så bliver boksene lukket / åbnet alt efter hvordan de endte med at være sidste gang!
Jeg har prøvet EKSTREMT meget nu, men det volder mig store store problemer. Der skal være mere end 20 kasser, så alle indstillingerne skal gemmes i samme cookie.
Kan nogle løse denne pine for mig?
Lidt eksempelkode:
<script type="text/javascript">
function toggle(id)
{
if (document.getElementById(id).style.display == "none")
{
document.getElementById(id).style.display = "block";
}
else
{
document.getElementById(id).style.display = "none";
}
}
</script>
<a onclick='toggle(boks1)'>Vis/Skjul</a>
<div id='boks1' style='display: block;'>
<table width='200' border='0' align='center' cellpadding='0' cellspacing='0'>
<tr bgcolor='#EEEEEE'>
<td>
Boks1
</td>
</tr>
</table>
</div>
<a onclick='toggle(boks2)'>Vis/Skjul</a>
<div id='boks2' style='display: block;'>
<table width='200' border='0' align='center' cellpadding='0' cellspacing='0'>
<tr bgcolor='#EEEEEE'>
<td>
Boks2
</td>
</tr>
</table>
</div>
<a onclick='toggle(boks3)'>Vis/Skjul</a>
<div id='boks3' style='display: block;'>
<table width='200' border='0' align='center' cellpadding='0' cellspacing='0'>
<tr bgcolor='#EEEEEE'>
<td>
Boks3
</td>
</tr>
</table>
</div>
