[ Og hvordan jeg fletter det ind i mit nuværende script? ]
- Ups, sorry ... muligvis (afhængig af hvordan scriptet
egentlig kaldes / bruges ) kan det implementeres såden her:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<script type="text/javascript">
cookiedage=1;
function toggleTR(tr,btn) {
datenu=new Date();datenu.setTime(datenu.getTime()+1000*60*60*24*cookiedage);
if (tr.style.display != 'none') {
tr.style.display = 'none';
btn.innerHTML = '<img src="billeder/vis_kategorier.gif" border="0" alt="Vis kategorier" onclick="toggleTR(tr,btn);" />';
document.cookie="name=0;expires="+datenu.toGMTString();
}
else {
tr.style.display = '';
btn.innerHTML = '<img src="billeder/skjul_kategorier.gif" border="0" alt="Skjul kategorier" onclick="toggleTR(tr,btn);" />';
document.cookie="name=1;expires="+datenu.toGMTString();
}
}
window.onload=function(){
if((document.cookie)&&(document.cookie.indexOf("name=0")!=-1))toggleTR(tr,btn);
}
</script>
</head><body>
<div id="btn"><img src="billeder/skjul_kategorier.gif" border="0" alt="Skjul kategorier" onclick="toggleTR(tr,btn);" /></div>
<div id="tr">Kategorier</div>
</body></html>
... men hvis det kun fungerer som
ovenstående kan det også gøres sådan her:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<script type="text/javascript">
var cookiedage=1,btn,tr;
function toggleTR() {
datenu=new Date();datenu.setTime(datenu.getTime()+1000*60*60*24*cookiedage);
if (tr.style.display != 'none') {
tr.style.display = 'none';
btn.alt="Vis kategorier";
btn.src="billeder/vis_kategorier.gif";
document.cookie="name=0;expires="+datenu.toGMTString();
}
else {
tr.style.display = '';
btn.alt="Skjul kategorier";
btn.src="billeder/skjul_kategorier.gif";
document.cookie="name=1;expires="+datenu.toGMTString();
}
}
window.onload=function(){
btn=document.getElementById("btn");tr=document.getElementById("tr");
if((document.cookie)&&(document.cookie.indexOf("name=0")!=-1))toggleTR();
}
</script>
</head><body>
<img id="btn" src="billeder/skjul_kategorier.gif" border="0" alt="Skjul kategorier" onclick="toggleTR(tr,btn);" />
<div id="tr">Kategorier</div>
</body></html>
