Menu som folder seg ut
Jeg har laget en meny som folder seg ut ved hjelp av kode jeg fant her inne. Men jeg får ikke helt til. Når jeg lager lenke på hovedpunktet i menyen (menypunkt 2 i koden) fungerer lenken, men underpunktene i menyen kommer ikke fram. Underpunktene kommer bare fram når jeg klikker på gif-en jeg bruker foran lenketeksten (menyprikk_blaa). Noen som kan hjelpe?Her er koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Simpel menu</title>
<link rel="stylesheet" type="text/css" href="../stilark_vangens.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
function showMenu(d){
var id = d.id.substring(5);
divs = document.getElementsByTagName('DIV');
for(i=0;divs.length>i;i++){
if(divs[i].id.indexOf('menu')==0&&divs[i].id!='menu'+id)divs[i].style.display='none';
}
st = document.getElementById('menu'+id).style;
st.display = (st.display!='block')?'block':'none';
}
</script>
</head>
<body>
img src="bilder/menyprikk_blaa.gif"><img src="bilder/onepix.gif" height="4"><b> <a href="dummyindex2.htm" target="_parent">Menypunkt 1</a></b>
<div id="omenu1" class="menupunkt" onclick="showMenu(this);"><img src="bilder/menyprikk_blaa.gif" width="7" height="7"><img src="bilder/onepix.gif" height="4"><b> Menypunkt 2</b>
<div id="menu1" class="menu" onclick="event.cancelBubble=true">
<a href="#".htm" target="_parent">Underpunkt 1</a><br>
<a href="#">Underpunkt 2</a><br>
<a href="#">Underpunkt 3</a><br>
<a href="#">Underpunkt 4</a></div>
</div>
</div>
</body>
</html>
