W3.JS HTML inclut
Inclure un fichier HTML :
w3.includeHTML()
Le HTML
Enregistrez le code HTML que vous souhaitez inclure dans un fichier .html :
contenu.html
<a href="https://www.w3schools.com/html/">HTML</a><br>
<a
href="https://www.w3schools.com/css/">CSS</a><br>
<a
href="https://www.w3schools.com/bootstrap/">Bootstrap</a><br>
<a
href="https://www.w3schools.com/js/">JavaScript</a><br>
<a
href="https://www.w3schools.com/sql/">SQL</a><br>
<a
href="https://www.w3schools.com/php/">PHP</a><br>
<a
href="https://www.w3schools.com/w3css/">W3.CSS</a><br>
Inclure le HTML
L'inclusion de HTML se fait à l'aide d'un attribut w3-include-html :
Exemple
<div w3-include-html="content.html"></div>
Ajouter le Javascript
Les inclusions HTML sont effectuées par JavaScript.
Assurez-vous que votre page a w3.js chargé et appelez w3.includeHTML() :
Exemple
<script>
w3.includeHTML();
</script>
Exemple complet
Exemple
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-html="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
</html>
Inclure de nombreux extraits HTML
Vous pouvez inclure n'importe quel nombre d'extraits de code HTML :
Exemple
<!DOCTYPE html>
<html>
<script src="/lib/w3.js"></script>
<body>
<div w3-include-HTML="h1.html"></div>
<div w3-include-HTML="content.html"></div>
<script>
w3.includeHTML();
</script>
</body>
<html>
Ajout d'une fonction de rappel
Lorsque vous incluez des extraits de code HTML dans une page Web, vous devez vous assurer que d'autres fonctions qui dépendent du code HTML inclus ne s'exécutent pas avant que le code HTML ne soit correctement inclus.
Le moyen le plus simple de "retenir" le code est de le placer dans une fonction de rappel.
Une fonction de rappel peut être ajoutée en tant qu'argument à w3.includeHTML() :
Exemple
<script>
w3.includeHTML(myCallback);
function myCallback() {
// code that has to wait goes here
}
</script>
Vous trouverez un exemple de callback dans le chapitre suivant de ce tutoriel.