Javascript multi level menu

Status
Niet open voor verdere reacties.
M

Masterscr

Nieuwe gebruiker
Lid geworden
19 mei 2009
Berichten
4
Hallo ik heb een lange uitklap list als menu en die werkt nu ook wel , maar ik wil graag dat als ik één hoofdmenu open dat de andere weer sluiten.
Onder één hoofdmenu zitten wel een aantal sub menu's, en daar geldt hetzelfde voor. Nu wordt het één lange lijst met menu opties en dat wil ik niet.

help me aub hoe ik dit kan doen.

Script:
PHP: 
<script type="text/javascript">
function haalop()
{	
	var locmain = iframe.location.href;
	alert("hallo");
	var deurl = "MTV/nieuweverstuurMTV.html#"+locmain;
	alert(deurl);
	parent.iframe.location.href = deurl;
}
</script>
</head>
<body>
<script language="JavaScript">
<!--
function Show_SubMenu(Click_Menu)
// Function that will swap the display/no display for
// all content within span tags
{
if (Click_Menu.style.display == "none")
{
Click_Menu.style.display = "block";
}
else
{
Click_Menu.style.display = "none";
}
}
-->
</script>
 
Laatst bewerkt door een moderator:
maar ik wil graag dat als ik één hoofdmenu open dat de andere weer sluiten.
Klik om te vergroten...
nou, dan zul je moeten loopen door alle item's die er zijn.

een idee: geef alle (links? li's? weet niet wat je gebruikt) een class, of iets anders unieks. Dan loop je door alle elementen (bv. li's) met die class. Je sluit ze allemaal, en daarna open je diegene die wel geopent moet worden.
 
Ik werk met li's. Ik heb niet heel veel verstand van java kan je me misschien opweg helpen? :o Alvast bedankt!
voorbeeld van 1e hoofdmenu item algemeen met daaronder zorg, behandeling en welzijn en daaronder zorg en daaronder werkinstructies etc.

<ul>
<li>
<a href="javascript:Show_SubMenu(algemeen)"><b>Algemeen</b></a>
<ul ID="algemeen" style="display: none"><li><a href="javascript:Show_SubMenu(alg_zbw)">Zorg, Behandeling en Welzijn</a>
<ul ID="alg_zbw" style="display: none"><li><a href="javascript:Show_SubMenu(alg_zorg)">Zorg</a>
<ul ID="alg_zorg" style="display: none"><li><a href="......" target="iframe">Werkinstructies</a>
</li>
<li>
<a href="..........." target="iframe">Protocollen</a>
</li>
<li>
<a href=".........." target="iframe">Formulieren</a>
</li>
<li><a href=".......</a>
</li>
<li>
<a href="......." target="iframe">Overigen</a>
</li>
</ul>
</li>
 
Laatst bewerkt:
Hoe doe ik dat dan precies Vegras?
Klik om te vergroten...
fffffffffffffffffrt! Ik ga wel even *****n, maar het duurt even. Overgens, je HTML code is een beetje... scrambled, dus dat moet ik ook even rechtzetten. Het punt is namelijk dat ik nu geen flauw idee heb hoe je code eruit hoort te zien.

Is dit het? Hoe is precies de opbouw van je menu? Het is allemaal onduidelijk.
PHP: 
//HTML, unscrambled, denk ik.

<ul>
   <li>
      <a href="javascript:Show_SubMenu(algemeen)">Algemeen</a>

      <ul ID="algemeen" style="display: none">
         <li>
            <a href="javascript:Show_SubMenu(alg_zbw)">Zorg, Behandeling en Welzijn</a>
         </li>
         <ul ID="alg_zbw" style="display: none">
            <li>
               <a href="javascript:Show_SubMenu(alg_zorg)">Zorg</a>
            </li>
            <ul ID="alg_zorg" style="display: none">
               <li>
                  <a href="......" target="iframe">Werkinstructies</a>
               </li>
            </ul>
         </ul>
      </ul>
   </li>
</ul>

<li>
<a href="..........." target="iframe">Protocollen</a>
</li>
<li>
<a href=".........." target="iframe">Formulieren</a>
</li>
<li><a href=".......</a>
</li>
<li>
<a href="......." target="iframe">Overigen</a>
</li>
</ul>
</li>


Anders moet je even je menu-opbouw tussen [ code] en [/code ] neerzetten (zonder spaties), zoiets:
Code: 
menu:

Algemeen
|
| --- Zorg, Behandeling en Welzijn
    |
    | --- Zorg
         |
         | --- Werkinstructies
|
| --- Protocollen
| --- MOAR
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan