Externe file in je pagina plaatsen

Vereisten : Geen, werkt met elke html versie.

Er zijn ogenblikken dat je op verschillende pagina's een zelfde stuk wilt toevoegen. Als dat stuk onveranderd blijft is er geen probleem.
De problemen beginnen als de inhoud soms aangepast wordt. Je moet dan op elke pagina waar die gegevens gebruikt worden dat gaan aanpassen.
Dat kan veel werkzijn en de mogelijkheid bestaat dat je fouten gaat maken.

Bijvoorbeeld mijn reiswebsite bevat meer dan 100 pagina's, zie je me al bezig om in al die pagina's de menu aan te passen telkens als ik een nieuwe bestemming toevoeg.
Voor het invoegen van je menu is het volgende dus ideaal. Ik gebruik het altijd.
In de header van je pagina moet een verwijzing staan naar het jquery script staan. Dit kan in een map staan op je computer of je verwijst naar een locatie op het internet.
Als je de uitleg over bootstrap hebt gevolgd en zo een pagina hebt aangemaakt of je gebruik de simpele sjabloon dan is dat reeds in orde.
Gebruik je een eigen pagina in standaard html plaats dan deze link in je header.

Nu maak je in een aparte file je menu aan alsof het een echte pagina is, en bewaar die bv als menu.html

In je website pagina's zet je nu op de plaats waar je de menu wou zetten volgend stukje code.


Op deze manier kan je gelijk wat invoegen.

Als je i.p.v. html php gebruikt, heb je geen javascript nodig.
Je hebt dan wel een webruimte nodig waar je php kan gebruiken.
Bewaar je pagina met de extensie php i.p.v. html.
Hetzelfde doe je met de pagine menu.html die je bewaard als menu.inc
Nu kan je deze menu invoegen met: