Collapsible menu tree

Her er en navigationsmenu der er udformet som et bibliotekstræ med folde-ud-menuer. Navigationsmenuen er opbygget lidt på samme måde som bibliotekstræet i Windows Stifinder.

Det originale script er fundet på denne webside hvor du også kan finde mange andre gode og nyttige scripts: [SIMPLYTHEBEST - KLIK HER]

Menuen er faktisk ret nem at konfigurere, men det kræver at du læser og følger den nedenstående vejledning meget nøje. For at kunne bruge menuen skal du også downloade og gemme disse tre billeder (ikonfiler) på din egen server. Højreklik på billedet og vælg "Gem som" fra den højrekliksmenu der fremkommer. Du kan alternativt udskifte ikonerne med nogle helt andre ikoner efter dit personlige valg.

     

Klik på en mappe for at åbne de underliggende menuer.

Opsætningsvejledning til menuen

Bemærk: Scriptet er delt op i to dele. Den ene del af scriptet skal anbringes i head på din webside, og den anden den af scriptet skal placeres i body. Kig nøje på scriptet for at se hvilken del der er placeret i head, og hvilken del der er placeret i body.

Placeringen i body er afgørende for hvor menuen placeres på din webside, - den fremkommer nemlig der hvor du indsætter body-tagget.

Linkene i scriptet samt tekst til linkene, fremgår meget tydeligt af scriptet, og skulle således kunne konfigureres uden problemer. Det er vigtigt at du nummererer linkene fortløbende startende med 0 (nul), og at du indsætter antallet af link i dette tag, som du finder lige inden linkene starter:
outline = new makeArray(18)

Da linkene starter med nul, skal værdien i dette tag altid være højeste linjenummer plus 1. I det aktuelle script er antallet af linklinjer 17, - så derfor skal værdien i ovenstående tag altså være 18.

Link til egne undersider bør normalt altid åbne i samme vindue. Link ud af siden bør derimod åbne i et nyt vindue. I eksemplet her har jeg valgt at lade alle link åbne i et nyt vindue således at du ikke lukker denne webside.

Du kan ændre skrifttypen i menuen til en font efter dit eget valg. Det gør du i dette tag:
document.write('<PRE><font face=arial size=2>')

NB: Hvis du har svært ved at finde de forskellige tags i scriptet kan du bruge funktionen "Søg" i Notepad eller i en hvilken som anden HTML-Editor.

Bemærk: Linkenes farveskift ved mouse-over er ikke genereret af det aktuelle menuscript, men derimod af CSS Stylesheet som jeg selv har lavet til min webside. Dette stylesheet kan du hente her: [STYLESHEET - KLIK HER]


Din IP-adresse er:  38.107.179.216
Du åbnede denne webside Onsdag den 22 Februar 2012. kl. 21:34:54

© Copyright Flemming Nielsen FN Foto