Template javaScript Menu: Forskelle mellem versioner
Bar (diskussion | bidrag) Ingen redigeringsopsummering |
Bar (diskussion | bidrag) Ingen redigeringsopsummering |
||
| Linje 3: | Linje 3: | ||
Koden til Menu-delen ligger i linje 11-18, denne kode skal slet ikke tilrettes. | 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, | Menu-punkterne er defineret i de to arrays i linje 3 og 4, som vist her: | ||
<syntaxhighlight lang="JavaScript"> | |||
// 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" ]; | |||
</syntaxhighlight> | |||
Arrayet i linje 3 angiver hvilke filer der skal linkes til og linje 4 angiver den tekst der skal stå i menupunktet. | |||
<br /> | <br /> | ||
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. | 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. | ||
Nuværende version fra 28. dec. 2025, 12:05
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 |