Hej,
Jeg skal have lave en OnClick-menu i Javascript.
Når man klikker på et hovedmenupunkt, skal den åbne en undermenu lige under.
Jeg har selv prøvet noget med lidt fantasi, men er bestemt ikke kendt i JS-kodesproget!
--------
Javascript-koden
--------
<script type="text/javascript" language="JavaScript">
<!--
function closeMenus {
document.getElementById('1').style.display='block';
document.getElementById('2').style.display='block';
document.getElementById('3').style.display='block';
document.getElementById('4').style.display='block';
}
function openMenu (element) {
if (document.getElementById(element).style.display == "none") {
document.getElementById(element).style.display='block';
} else {
document.getElementById(element).style.display='none';
}
}
-->
</script>
------
Koden til menuerne
------
<div class="logo"><a href="index.php"><img src="gfx/arkitekt.jpg" /></a></div>
<div class="menu">
<a href="javascript:closeMenus();javascript:openMenu(1);" class="link" style="margin-left: 0px;">Gymnasieuddannelsen</a>
<a href="javascript:closeMenus();javascript:openMenu(2);" class="link">Arkitektuddannelsen</a>
<a href="javascript:closeMenus();javascript:openMenu(3);" class="link">Arkitektjobbet</a>
<a href="javascript:closeMenus();javascript:openMenu(4);" class="link">Arkitektur</a>
<a href="kilder.php" class="link" style="margin-right: 0px;">Kilder</a>
<div class="submenu" id="1" style="display: block;">
<a href="1_uddannelsesforlob.php?u=1" class="sublink">Uddannelsesforløb</a>
<a href="1_eksamen.php?u=1" class="sublink">Eksamen</a>
<a href="1_adgangskrav.php?u=1" class="sublink">Generelle adgangskrav</a>
<a href="1_reform.php?u=1" class="sublink">Ny gymnasiereform</a>
<a href="1_studieretninger.php?u=1" class="sublink">Relevante studieretninger</a>
</div>
<div class="submenu" id="2" style="display: block;">
<a href="2_uddannelsen.php?u=2" class="sublink">Uddannelsen</a>
<a href="2_uddannelsessteder.php?u=2" class="sublink">Uddannelsessteder</a>
<a href="2_adgangskrav.php?u=2" class="sublink">Adgangskrav</a>
</div>
<div class="submenu" id="3" style="display: block;">
<a href="3_jobbet.php?u=3" class="sublink">Om jobbet</a>
<a href="3_fremtid.php?u=3" class="sublink">Job- og fremtidsmuligheder</a>
<a href="3_praktik.php?u=3" class="sublink">Min praktik</a>
</div>
<div class="submenu" id="4" style="display: block;">
<a href="4_arkitektur.php?u=4" class="sublink">Hvad er arkitektur?</a>
<a href="4_arkhistorie.php?u=4" class="sublink">Arkitekturens historie</a>
<a href="4_danskeark.php?u=4" class="sublink">Kendte danske arkitekter</a>
</div>
</div>
----
Håber I kan finde fejlene eller måske har I et andet system med samme funktion klar? :)
//Alexander
--
Hvis du ikke kan gøre det ordentligt, så skal du lade være med at gøre det!