Template javaScript Menu

Fra Holstebro HTX Wiki
Version fra 28. dec. 2025, 12:05 af Bar (diskussion | bidrag) Bar (diskussion | bidrag)
(forskel) ← Ældre version | Nuværende version (forskel) | Nyere version → (forskel)
Spring til navigation Spring til søgning

Det der vises i Menuen ligger i filen "headmenu.js", som indeholder både header og menu.

Koden til Menu-delen ligger i linje 11-18, denne kode skal slet ikke tilrettes.

Menu-punkterne er defineret i de to arrays i linje 3 og 4, som vist her:

// Automatisering af Header og Menu til HTML-javaScript-Template - Bent Arnoldsen
// Arrayvariablerne der danner menuen
var menuURL =  [ "index.html", "empty.html", "examples.html"  ];
var menuText = [ "Forside",    "Tom side",   "HTML Eksempler" ];

Arrayet i linje 3 angiver hvilke filer der skal linkes til og linje 4 angiver den tekst der skal stå i menupunktet.
Der skal være lige mange punkter i de to arrays, da de to første elementer i hvert array kobles sammen til det første link, de to næste til næste menupunkt osv. Man kan tilføje et menupunkt ved at tilføje et ekstra element i hvert array.

Princippet i filen er at den udskriver HTML-koderne ved hjælp af javaScript-koden document.writeln.
Selve menu-delen danne i en for-løkke, der løber igennem der første array, men tager elementer fra begge arrays for at danne hvert menu-punkt.

HTML Template
HTML-Template Forside - Struktur - Header - Menu - Indhold - Footer - Tom side - CSS - Materialer - Editor - Redigering - javaScript
Template javaScript Struktur - javaScript Header - javaScript Menu - javaScript Footer - javaScript Redigering