11487 sujets

JavaScript, DOM et API Web HTML5

Inclure du contenu avec jquery load

Bonjour,
J'essaie , pour mes squelettes html, d'inclure du html répétif avec jquery ou du js.

<body >	
    <div id="header"></div>		
    <div class="content">			
    </div>		
    <script src='jquery-3.6.0.js' type='text/javascript'></script>       
    <script>            
        $(document).ready(function(){
            $( "#header" ).load( "header.html" );
        });            
    </script>
</body>


le dossier:
--> page.html
--> header.html
--> jquery-3.6.0.js

Mais le header ne s'affiche pas dans la page.
Administrateur
Il faut tester cela en http (sur un serveur local ou en ligne), en ouvrant le fichier page.html en avec file:// la requête envoyée par load est bloquée.
Meilleure solution
Super..
Effectivement cela fonctionne, y compris l'autre version que j'avais utilisé à partir du script de w3school

<body>
    <p w3-include-html="content.html"></p> 
    <script src="lib/w3.js"></script>
    <script>
        w3.includeHTML();
    </script>
</body>


Par contre, puisqu'il faut tester en http, je ne vois pas trop le plus d'utiliser cette solution par rapport à une page php avec un include.
Prévenir un modérateur
Répondre au sujet
Aller à