| Hej! Jag har ett problem med min meny, där jag vill kunna klicka på en rubrik och få fram under menyer, men det vill sig inte riktigt, då det bara står att element is null (else element.style.display = "none"; )... I cssen har jag "Display:none;" för #Menu li ul Vad har jag gjort för fel?
MVH//LP <!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>
<title>ShowRoom</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript">
function showMenu(nr) { // nr är numret för den undermeny som ska visas
var element = document.getElementById("subMenu"+nr); // element blir en referens till undermenyn
if (element.style.display == "block") var show = false; // Dölj
else var show = true; // Visa
for (var i=0;i<3;i++) showHideMenu(i,false); // Dölj alla block
showHideMenu(nr,show); // Visa önskat block
} // End showMenu function showHideMenu(nr,show) { // nr är numret för den undermeny som ska visas/döljas
var element = document.getElementById("subMenu"+nr); // element blir en referens till undermenyn
if (show) element.style.display = "block"; // Visa
else element.style.display = "none"; // Dölj
} // End showHideMenu
</script>
</head>
<body>
<div id="board">
<div id="head">
<img src="pics/srlogo.jpg" alt="ShowRooms logo" /><br />
<p id="case"><a href="">Varukorg</a></p>
<br />
<form id="search" method="get" action="http://www.google.com/search">
<input type="text" name"q" size="31" maxlength="255" value="" />
<input type="hidden" name="hl" value="sv" />
<input type="Submit" name="s_btn" value="Sök" /><br />
<input type="radio" name="sitesearch" value="SKRIV IN EN URL" checked />Endast på ShowRoom
</form>
</div>
<div id="menu">
<a href="showroom-index.htm" class="thisPage"><span>Startsida</span></a><br />
<a href="dresses.htm"><span>Klänningar</span></a>
<ul id="Menu">
<li><span onclick="showMenu(0)">Toppar</span>
<ul id="subMenu0" >
<li>Stickat</li> <!-- De olika alternativen i undermenyerna skulle kunna -->
<li>Festtoppar</li>
<li><a href="tops.htm">Visa alla</a></li><!-- vara länkar till olika sidor på webbplatsen -->
</ul>
</li>
<li><span onclick="showMenu(1)">Byxor</span>
<ul id="subMenu1">
<li><a href="longpant.htm">Långbyxor</a></li> <!-- De olika alternativen i undermenyerna skulle kunna -->
<li>Kortbyxor</li>
<li><a href="pants.htm">Visa alla</a></li><!-- vara länkar till olika sidor på webbplatsen -->
</ul>
</li>
</ul>
<a href="accessories.htm"><span>Accessoarer</span></a><br />
<a href="contact.htm"><span>Kontakta Oss</span></a><br />
<a href="info.xml"><span>Info Om Företaget</span></a><br />
</div>
<div id="page">
<img id="tiger" src="pics/urban3.jpg" alt="Färglad tiger." />
</div>
</div>
</body>
</html>
| 
