---

Hej

Jeg søger efter en simpel menu uden billeder eller andet hvor man folder
undermenu punkter ud/ind med mouseover.
Her http://larsned.homepage.dk/klikmenu.htm er der en menu hvor man skal
klikke for at folde menuen ud og sammen, jeg vil gerne den folder sig ud når
cursoren er over Menu 1 og Menu 1 folder sig sammen når cursoren er over
Menu 2 osv.
Er der nogen der kander et link til sådan en menu ?

Lars

---

Nederbasse skrev:

> Jeg søger efter en simpel menu uden billeder eller andet hvor man folder
> undermenu punkter ud/ind med mouseover.

Kig på <http://hintzmann.dk/articles/htree/> eller
<http://hintzmann.dk/articles/mhalist/>.

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

> Er der nogen der kander et link til sådan en menu ?

Næ, men jeg kan da hjælpe dig lidt med koderne:

<script type="text/javascript">
function showMenu (e,m) {
      /* Starter med at gemme alle menuerne */
      document.getElementById('menu0').style.display='none'
      document.getElementById('menu1').style.display='none'
      document.getElementById('menu2').style.display='none'¨
      /* Alle menuerne er gemt, og vi viser den ene som musen er over */
      if (m=='1') {
document.getElementById('menu'+e).style.display=''
}
}
</script>



<a href="" onMouseOver="showMenu('0','1')">Menu1</a><br> <!-- Her SKAL du ikek
bruge <a>-tag'et, du kan faktisk bruge hvad du vil -->
<div id="menu0" style="display:none"> <!-- Div er ikke nødvendigt, brug hvad du
vil, f.eks. span etc... -->
- <a href="">Menupunkt 1</a><br>
- <a href="">Menupunkt 2</a><br>
- <a href="">Menupunkt 3</a><br>
</div>


<!-- Vi laver endnu en menu, men ændrer id="menu0" til id="menu1" i div -->
<a href="" onMouseOver="showMenu('1','1')">Menu2</a><br>
<div id="menu1" style="display:none">
- <a href="">Menupunkt 1</a><br>
- <a href="">Menupunkt 2</a><br>
- <a href="">Menupunkt 3</a><br>
</div>

<!-- Vi laver endnu en menu, men ændrer id="menu1" til id="menu2" i div -->
<a href="" onMouseOver="showMenu('2','1')">Menu3</a><br>
<div id="menu2" style="display:none">
- <a href="">Menupunkt 1</a><br>
- <a href="">Menupunkt 2</a><br>
- <a href="">Menupunkt 3</a><br>
</div>

<!-- Lav så mange du vil, bare husk at tilføje document.getElementById('ID'ET
PÅ DEN NYE MENU').style.display='none' for alle nye menuer til javascriptet -->




Håber du ku' bruge det til noget =)
Du kan evt. så scriptet på http://www.zigma.dk/html.dk/temp/res1.php

// Zigma

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

> document.getElementById('menu2').style.display='none'¨
Tegnet til sidsdt "¨" skal naturligvis ikke være der :\

// Zigma

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

>
> Håber du ku' bruge det til noget =)
> Du kan evt. så scriptet på http://www.zigma.dk/html.dk/temp/res1.php
>
> // Zigma
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials

Det var lige det jeg skulle bruge
Takker

Lars