Template javaScript Menu: Forskelle mellem versioner
Bar (diskussion | bidrag) Ingen redigeringsopsummering |
Bar (diskussion | bidrag) Ingen redigeringsopsummering |
||
| (2 mellemliggende versioner af den samme bruger vises ikke) | |||
| Linje 1: | Linje 1: | ||
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: | |||
<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 /> | |||
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.<br /> | |||
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}} | ||
{{Template-javaScript}} | {{Template-javaScript}} | ||
[[Kategori:Template javaScript]] | [[Kategori:Template javaScript]] | ||
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 |