Dropdown menu English version here...
Med denne dropdownmenu kan du vedligeholde hele dit site ved at tilføje links i en enkel fil. Dropdownmenuen virker i følgende browsere: MSIE 4,5 og 6, Opera 6 og Netscape 6 og 4.
I Netscape 3 og lignende browsere, kan du se de faste links i toppen, det ser ikke pænt ud, men en bruger med så gammel en browser lades dog ikke i stikken.
NB! I dette eksempel er det kun de to første menupunkter, der virker.
Kun tre filer
Dropdownmenuen består af tre filer. En CSS-fil og to JS-filer. CSS-filen, dd-menu.css, bestemmer layoutet af menuen og er en forudsætning for at de øvrige to filer fungerer. Du kan selvfølgelig også bruge CSS-filen til at formatere dine sider.
Den ene af de to JS filer, menu.js, indeholder nogle grundlæggende elementer for menuen. Det er bl.a. her der tages hensyn til de forskellige browsere.
Øverst i filen ud for "var rootURL =" er det vigtigt at du skriver stien til din lokale mappe, mens du arbejder med menuen på din computer

Men det er også vigtigt at du udskifter denne sti med navnet på dit website, før du uploader dine filer.

I den anden JS fil, top.js, fastsættes størrelse og placering af menuen. Det er også her linksene i de forskellige menupunkter skrives.

Alle html-dokumenterne på dit site skal så indeholde følgende kodelinjer:

Mellem HEAD-tagsene:
<link rel="stylesheet" href="jscss/dd-menu.css" type="text/css">

Lige efter BODY-tagget:
<!-- Menuens "motor" -->
<script type="text/javascript" src="jscss/menu.js" language="JavaScript"></script>

<!-- En enkel kategorimarkering, et ettal fremhæver første menuboks et to-tal fremhver den næste osv. Hvis ingen menubokse skal fremhæves, kan du skrive 0 som vist her -->
<script type="text/javascript">
if(!window.topoenr)topoenr=0
</script>

<!-- Det er i denne fil du vedligeholder links -->
<script type="text/javascript" src="jscss/top.js"></script>

<!-- Nedenstående linje skal stå her ellers virker skidtet ikke -->
<script type="text/javascript">document.write(html)</script>

Det er også en god ide at indsætte et NOSCRIPT-tag, som kan indeholde dit sites hovedlinks.

Download eksempel
Du kan downloade et eksempel her, det er pakket i en zip-fil og udover de tre filer er der en index.html og nogle test mapper med en test.html-fil.
Jeg har indsat kommentartags i filerne, så er det nemmere at ændre dem til eget brug.
Kredits
Filerne har jeg fra TV2.dk's forside, og hvis du bruger dem skal du venligst anføre deres oprindelse i din kildekode.