Solsystemet
Webdesign 101 » Navigation » Dynamiske menuer

Brug af display-attributten

Menuen er her positioneret relativt i forhold til sidens øvrige elementer, med en negativ venstre margin. Vis og skjul opnås ved hjælp af display-attributten:

#menu1 {
	display:none;
}

Funktionen visMenu() manipulerer nu med display-attributten i stedet for med visibility-attributten:

<script type="text/javascript">
menu1synlig=0 //menuen er skjult

function visMenu(objekt){
	if (menu1synlig==1){
		collapse(objekt);
		menu1synlig=0;
		return;
	}
	if (menu1synlig==0){
		expand(objekt);
		menu1synlig=1;
	}
}
</script>

Fordelen ved denne fremgangsmåde er den relative postionering, der placerer menuen i forhold til dokumentets indholdsdel i stedet for i forhold til websiden. Det vil sige, at afstanden mellem browservinduets venstre kant og menuens venstre kant varierer, alt efter browservinduets bredde. Der er imidlertid også den ulempe, at display-attributten tillader tekstindholdet at flyde ind over den plads, menuen vil optage, når den er synlig.

Senest opdateret: 20. juni 2002