Template javaScript Footer: Forskelle mellem versioner

Fra Holstebro HTX Wiki
Spring til navigation Spring til søgning
Ingen redigeringsopsummering
Ingen redigeringsopsummering
Linje 1: Linje 1:
Det der vises i Footeren ligger i filen "footer.js", som indeholder koden til footeren.
Det der vises i Footeren ligger i filen "footer.js", som indeholder koden til footeren.


Koden til Header-delen ligger i linje 3-6, og det er kun linje 5 der skal tilrettes.
Koden til Header-delen ligger i linje 3-6, og det er kun linje 8 der skal tilrettes.
<syntaxhighlight lang="HTML" line>
// 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" ];
 
// Koden til Header-delen - tilret kun det der står i H1-tagget
document.writeln("<div id='header'>");
document.writeln("<h1>Maya Nielsen</h1>");
document.writeln("</div>");
 
</syntaxhighlight>


Princippet i filen er at den udskriver HTML-koderne ved hjælp af javaScript-koden document.writeln.
Princippet i filen er at den udskriver HTML-koderne ved hjælp af javaScript-koden document.writeln.

Versionen fra 28. dec. 2025, 19:53

Det der vises i Footeren ligger i filen "footer.js", som indeholder koden til footeren.

Koden til Header-delen ligger i linje 3-6, og det er kun linje 8 der skal tilrettes.

// 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" ];

// Koden til Header-delen - tilret kun det der står i H1-tagget
document.writeln("<div id='header'>");
document.writeln("<h1>Maya Nielsen</h1>");
document.writeln("</div>");

Princippet i filen er at den udskriver HTML-koderne ved hjælp af javaScript-koden document.writeln.

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