Till Startsidan

Skaffa webbhotell?
Läs JavaScript.nu's jämförelse av webbhotell.
Med priser från
9 kr / månad.

Genom ett samarbete får alla JavaScript.nu-
besökare dessutom 100 kr i rabatt vid beställning.


Re: Meny med undermenyer

[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]


Forum / Meny med undermenyer
 
Ja, självklart är det så! Jag som inte sett att jag skrivit fel... :) Tack!


 
Det skulle kunna vara helt enkelt för att du har två undermenyer (subMenu0 och subMenu1), men du loopar till tre ( for (var i=0;i<3;i++) )...
Ändra 3 till 2, eller kör med den elegantare lösningen att komma ihåg vilket som var det tidigare visade elementet och dölja bara det (så slipper du veta hur många element som finns), eller loopa tills elementet du hämtar ut blir null.
Ett tips är att använda debuggern i Firebug, då skulle du kunna se vad 'element', 'nr', etc. var satta till när skriptet felade, och liknande användbara saker.

 
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>


Postat av LP (77.218.184.6) den 28 Maj, 2011 kl 13:43:14.
Som svar på: Re: Meny med undermenyer postat av Simon den 25 Maj, 2011 kl 22:17:23.


Svar på inlägget:


Posta ett svar:

Namn:
E-Mail:
Rubrik:
Meddelande:
Ja tack, maila mig om andra svarar på detta inlägg.
Ja tack, maila mig om andra svarar på mitt inlägg.


[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]






Copyright © Omid Rouhani 1997-2022; Alla rättigheter reserverade.
Guider: [ HTML guide ] - [ JavaScript guide ] - [ DHTML guide ] - [ Perl guide ] - [ Sitemap ]