Få script til at huske hvad man klikkede på
Hej!Jeg har herunder et script der skal skifte border og baggrundsfarve alt efter mouseover. Det virker fint.
Problemet kommer når jeg gerne vil lave en anden border på den man har klikket på, og få siden til at huske dette.
Prøv at kigge på nedenstående kode, trods de manglende billeder burde resten virke.
Det er de 8 menupunkter i toppen jeg vil arbejde med.
På forhånd tak.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style>
body, td, input, select {
font-family: Tahoma, Arial, sans-serif;
font-size: 8pt;
margin:0px;
padding:0px;
color: #000000;
}
body {
background-color: #F2F4F3;
margin:0px;
overflow-x:hidden;
overflow-y:auto;
}
form {
display:inline;
}
</style>
</head>
<body>
<br>
<script>
billede = '';
function skift2 (billede) {
for(i=1; i < 9; i++) {
nummer = "td1_" + i;
document.getElementById(nummer).style.border = '1px solid #F2F4F3';
document.getElementById(nummer).style.background = '';
}
valgt = "td1_" + billede;
document.getElementById(valgt).style.border = '1px solid #316AC5';
document.getElementById(valgt).style.background = '#C1D2EE';
return billede;
}
function skift (hvad,over) {
nummer = "td1_" + over;
nummer2 = "td2_" + over;
if(hvad == "op") {
document.getElementById(nummer).style.border = '1px solid #F2F4F3';
document.getElementById(nummer).style.background = '';
} else {
document.getElementById(nummer).style.border = '1px solid #316AC5';
document.getElementById(nummer).style.background = '#E1E6E8';
}
}
</script>
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tr><td style="border: 1px solid #F2F4F3;" onmouseover="skift('ned',1)" onmouseout="skift('op',1)" id="td1_1"><a href="modul_dokumenter.php?side=2" target="indhold" onclick="skift('op',1);skift2(1)"><img src="menu/dokumenter.gif" width="38" height="37" alt="" border="0"></a></td><td style="padding:4px" width="100%" onmouseover="skift('ned',1)" onmouseout="skift('op',1)" id="td2_1"><a href="modul_dokumenter.php?side=2" target="indhold" onclick="skift2(1)">Dokumenter</a></td></tr>
<tr><td style="border: 1px solid #F2F4F3;" onmouseover="skift('ned',2)" onmouseout="skift('op',2)" id="td1_2"><a href="modul_sager.php" target="indhold" onclick="skift('op',2);skift2(2)"><img src="menu/sager.gif" width="38" height="37" alt="" border="0"></a></td><td style="padding:4px" width="100%" onmouseover="skift('ned',2)" onmouseout="skift('op',2)" id="td2_2"><a href="modul_sager.php" target="indhold" onclick="skift2(2)">Sager</a></td></tr>
<tr><td style="border: 1px solid #F2F4F3;" onmouseover="skift('ned',3)" onmouseout="skift('op',3)" id="td1_3"><a href="modul_billeder.php?side=2" target="indhold" onclick="skift('op',3);skift2(3)"><img src="menu/billeder.gif" width="38" height="37" alt="" border="0"></a></td><td style="padding:4px" width="100%" onmouseover="skift('ned',3)" onmouseout="skift('op',3)" id="td2_3"><a href="modul_billeder.php?side=2" target="indhold" onclick="skift2(3)">Billedhåndtering</a></td></tr>
<tr><td style="border: 1px solid #F2F4F3;" onmouseover="skift('ned',4)" onmouseout="skift('op',4)" id="td1_4"><a href="modul_filer.php?side=2" target="indhold" onclick="skift('op',4);skift2(4)"><img src="menu/filer.gif" width="38" height="37" alt="" border="0"></a></td><td style="padding:4px" width="100%" onmouseover="skift('ned',4)" onmouseout="skift('op',4)" id="td2_4"><a href="modul_filer.php?side=2" target="indhold" onclick="skift2(4)">Filhåndtering</a></td></tr>
<tr><td style="border: 1px solid #F2F4F3;" onmouseover="skift('ned',5)" onmouseout="skift('op',5)" id="td1_5"><a href="modul_kontakt.php" target="indhold" onclick="skift('op',5);skift2(5)"><img src="menu/kontaktformular.gif" width="38" height="37" alt="" border="0"></a></td><td style="padding:4px" width="100%" onmouseover="skift('ned',5)" onmouseout="skift('op',5)" id="td2_5"><a href="modul_kontakt.php" target="indhold" onclick="skift2(5)">Kontaktformular</a></td></tr>
<tr><td style="border: 1px solid #F2F4F3;" onmouseover="skift('ned',6)" onmouseout="skift('op',6)" id="td1_6"><a href="modul_indstillinger.php" target="indhold" onclick="skift('op',6);skift2(6)"><img src="menu/indstillinger.gif" width="38" height="37" alt="" border="0"></a></td><td style="padding:4px" width="100%" onmouseover="skift('ned',6)" onmouseout="skift('op',6)" id="td2_6"><a href="modul_indstillinger.php" target="indhold" onclick="skift2(6)">Indstillinger</a></td></tr>
<tr><td style="border: 1px solid #F2F4F3;" onmouseover="skift('ned',7)" onmouseout="skift('op',7)" id="td1_7"><a href="modul_statistik.php?side=1" target="indhold" onclick="skift('op',7);skift2(7)"><img src="menu/statistik.gif" width="38" height="37" alt="" border="0"></a></td><td style="padding:4px" width="100%" onmouseover="skift('ned',7)" onmouseout="skift('op',7)" id="td2_7"><a href="modul_statistik.php?side=1" target="indhold" onclick="skift2(7)">Statistik</a></td></tr>
<tr><td style="border: 1px solid #F2F4F3;" onmouseover="skift('ned',8)" onmouseout="skift('op',8)" id="td1_8"><a href="modul_sikkerhed.php?side=1" target="indhold" onclick="skift('op',8);skift2(8)"><img src="menu/sikkerhed.gif" width="38" height="37" alt="" border="0"></a></td><td style="padding:4px" width="100%" onmouseover="skift('ned',8)" onmouseout="skift('op',8)" id="td2_8"><a href="modul_sikkerhed.php?side=1" target="indhold" onclick="skift2(8)">Sikkerhed</a></td></tr>
<tr><td colspan="2">
<table style="background-color:#ECE9D8;position:absolute;bottom:6px" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr><td width="100%"></td><td height="20" nowrap id="knap" style="background:url(menu/pil_ned.gif)"><a href="#" onClick="document.getElementById('tekst').style.display = (document.getElementById('tekst').style.display == 'none') ? 'block' : 'none';document.getElementById('knap').style.background = (document.getElementById('knap').style.background == 'url(menu/pil_op.gif)') ? 'url(menu/pil_ned.gif)' : 'url(menu/pil_op.gif)';document.getElementById('gif').title = (document.getElementById('gif').title == 'Vis denne boks') ? 'Skjul denne boks' : 'Vis denne boks';return false;"><img id="gif" src="menu/spacer.gif" width="19" height="20" alt="Skjul denne boks" border="0"></a></td></tr>
<tr><td colspan="2">
<div id="tekst" style="height:200px;display: block;">
her er boksen<br>
<br>
sadasd
<br>
<br>
<br>
dsasdas
</div>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html>
