menu skal stå fast ved click
Hej.Jeg er ved at bygge et nyt design til flol.dk, og så har jeg brug for lidt hjælp, da jeg ikke er så hård igen til javascript.
Mit problem er menu'en på siden http://flol.dk/beta/ der er nogle "faneblade" som kommer frem når mussen føres over, men så når man onclick'er på en fane skal den "stå fast", men man skal stadig kunne blade rundt imellem dem, og selfølgelig når der onclick'es på en anden fane, skal den som "står fast" skiftes over til den man lige har klikket på?
Håber i forstår mit spg.
koden til siden:
--------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="Javascript">
if (document.images) {
OnImage = new Array();
OnImage[0] = new Image();
OnImage[0].src = "kanpper/activ.gif";
OnImage[1] = new Image();
OnImage[1].src = "kanpper/activ.gif";
OffImage = new Array();
OffImage[0] = new Image();
OffImage[0].src = "kanpper/uactiv.gif";
OffImage[1] = new Image();
OffImage[1].src = "kanpper/uactiv.gif";
function imageOn(i) {
if (document.images) {
document.images["btn" + i].src = OnImage[1].src
document.images["btn" + i].width = OnImage[1].width
document.images["btn" + i].heigth = OnImage[1].heigth
}
}
function imageOff(i) {
if (document.images) {
document.images["btn" + i].src = OffImage[1].src
document.images["btn" + i].width = OffImage[1].width
document.images["btn" + i].heigth = OffImage[1].heigth
}
}
}
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
background-image: url(eks.jpg);
background-repeat:no-repeat;
background-position:inherit;
background-position:top
}
-->
</style></head>
<body>
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="152" style="background-position:top"> </td>
<td width="802" height="105"> </td>
<td width="152"> </td>
</tr>
<tr>
<td style="background-position:top"> </td>
<td height="50" align="center" background="kanpper/stang.jpg" style="background-repeat:no-repeat; background-position:bottom">
<img src="kanpper/uactiv.gif" name="btn0" width="110" height="50" border="0" onMouseOver="imageOn(0)" onMouseOut="imageOff(0)" /><img src="kanpper/uactiv.gif" name="btn1" width="110" height="50" border="0" onMouseOver="imageOn(1)" onMouseOut="imageOff(1)" /><img src="kanpper/uactiv.gif" name="btn2" width="110" height="50" border="0" onMouseOver="imageOn(2)" onMouseOut="imageOff(2)" /><img src="kanpper/uactiv.gif" name="btn3" width="110" height="50" border="0" onMouseOver="imageOn(3)" onMouseOut="imageOff(3)" /><img src="kanpper/uactiv.gif" name="btn4" width="110" height="50" border="0" onMouseOver="imageOn(4)" onMouseOut="imageOff(4)" /></td><td> </td>
</tr>
<tr>
<td style="background-position:top"> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
--------------------
