---

Hej NG
Jeg er ikke helt sikker på om spørgsmålet hører til her eller
under asp.

Jeg skal lave to afhængige menuer hvor indholdet kommer fra en
database. Dvs. at man f.eks. i den første dropdown har mulighed
for at vælge en afdeling og i den anden menu har mulighed for at
vælge en medarbejder. I anden menu skal der kun vises de
medarbejdere der arbejder på den afdeling der var valgt i den
første dropdown. Der skal altså være tale om en OnChange
funktion.

Er der nogen der ved hvor man kan finde en tutorial eller script
til dette?

--
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

---

Laurits Thomsen skrev:
> Er der nogen der ved hvor man kan finde en tutorial eller script
> til dette?

Hej Laurits.


Det første du bør kigge lidt på er nok "position" attributen til CSS,
som styrer hvorledes at et punkt kan positioneres "absolut" eller
"relativt".

Derudover bør du ligeledes kigge på "display"-attributen, som gør at et
element kan vises eller skjules. Helt præcist "display: none;" og
"display: block;" (leg evt. lidt selv med det).


Det opstilles mere præcist således:

<div style="position: relative;">
<div style="position: absolute; left: 15px; top: 40px;">
Hej
</div>
</div>


Det der vil ske, er at den "absolutte" boks vil blive placeret 15 pixels
fra venstre top af den relative box, og ligeledes 40 pixels fra toppen.


Hvis du nu kun vil have den absolutte boks vist, når du kører musen over
den relative boks, kan du gøre således:

<div id="div_relative" style="position: relative;"
OnMouseOver="document.getElementById('div_absolute').style.display =
'block';"
OnMouseOut="document.getElementById('div_absolute').style.display =
'none';">
<div id="div_absolute" style="display: none; position: absolute;
top: 10px; left: 30px;">
Hejsa
</div>
</div>



Med Mozilla derimod, bør du lege lidt mere med stylesheets (du skal
altså dermed ikke bruge JavaScripts til Mozilla Firefox, den har/havde
(engang i 1.0.7) nogle problemer med OnMouseOut).

<indsættes i stylesheet>
#div_relative:hover > #div_absolute{
display: block;
}
</indsættes i stylesheet>



Jeg fandt også et par links til dig, hvis du ikke kan lave mere udfra
det jeg har givet dig her:

http://www.htmldog.com/articles/suckerfish/dropdowns/



--
Med venlig hilsen
Kasper Johansen