Ger Versluis' hierarkiske menu (HV-menu) er det menusystem, jeg (i hovedsagen) anvender på denne site. Det er et helt exceptionelt konfigurerbart system. Det er kommet i flere opdaterede udgaver, siden jeg tidligere skrev om systemet. Det er derfor på tide at komme med en opdateret artikel om systemet.
De artikler, jeg tidligere har skrevet om systemet, er
Disse artikler dækker de mest grundlæggende ting. I 6 artikler vil jeg her koncentrere mig om hovedpunkter i konfigureringen og gå lidt mere i detaljen end i de tidligere artikler.
Fordele ved HV-menu:
Den ZIP-fil, du kan downloade fra Gers website indeholder nu en næsten uoverskuelig mængde forskellige filer, bl.a. fordi der er ikke mindre end 5 eksempler på konfigurering. Disse eksempler er:
En nøje gennemgang af konfigureringsfilen finder du i
Sandsynligheden taler for, at du kun får brug for én bestemt type af menu, og du kan lisså godt nøjes med at kigge på den type, der passer til dine formål:
Uanset hvilken af konfigurationerne, der er tale om, består menuen af 2 hovedkomponter: Kernefilen, menu9_com.js
, som indeholder hele maskineriet, der laver menuen, og som du kun med yderste varsomhed bør foretage nogensomhelst rettelser i, samt en JavaScript fil, der kan hedde hvadsomhelst, og som indeholder alle de variable og de værdier, der skal til, for at kernefilen kan vide, hvordan menuen skal se ud.
Referencen til disse filer indsættes på siden, sålunde:
<script type="text/javascript"> function Go(){return} </script> <script type="text/javascript" --> src="menueksempel_var.js"></script> <script type="text/javascript" --> src="menu9_com.js"></script> <noscript>Denne webside kan kun ses korrekt i en browser, der kan fortolke JavaScript, </noscript>
Det er fordelagtigt at indsætte disse filer nederst på websiden,
lige før </body>
-markøren, så de indlæses til sidst.
Betragter du variabelfilen - i eksemplet menueksempel_var.js
- vi du se, at den består af 2 hoveddele:
Det er min erfaring med denne type menu, at det er en fordel af holde de to dele adskilte, således at ovennævnte eksempel på, hvorledes der refereres til JavaScript-filerne, ændres til:
<script type="text/javascript"> function Go(){return} </script> <script type="text/javascript" --> src="menuparametre.js"></script> <script type="text/javascript" --> src="menuarrays.js"></script> <script type="text/javascript" --> src="menu9_com.js"></script> <noscript>Denne webside kan kun ses korrekt i en browser, der kan fortolke JavaScript. </noscript>
I dette eksempel indeholder filen menuparametre.js
alt det, som kun sjældent eller aldrig skal ændres - nemlig menuens overordnede udformning. Den anden fil - menuarrays.js
- omfatter alene de JavaScript Arrays, der danner de enkelte menupunkter. I heldigste fald kan denne fil genbruges sammen med forskellige udgaver af menuparametre.js
. Det sker f.eks. her på Webdesign 101, hvor jeg for tiden er ved at reorganisere siten, og ønsker på nogle sider at anvende én udgave af menuen, på andre sider en anden udgave.
Klikker du på linket herunder, åbnes et nyt browservindue med en eksempelmenu. Hvorledes den er sat op, gennemgår jeg på de to følgende sider.
Der er knyttet et eksempel til denne artikel. Det åbnes i et nyt browservindue ved at klikke på Eksempel 1.
HV-menu fungerer fortrinligt sammen med frameset-konstruktioner.
Da jeg imidlertid ikke synes, man skal bruge frames til almindelige websites, springer jeg let henover konfigureringen til til disse formål.