Volgende

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.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

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.

<script type="text/javascript">
   ajaxinclude("menu.html")
</script>

Op deze manier kan je gelijk wat invoegen.

Volgende