Appel bout de code html dans une autre page

Bonjour,

Idéalement, pour faire ce que tu veux il faudrait utiliser une gestion de contenu, même sommaire, ce qui implique passer à une technologie plus poussée que le simple HTML (php, asp.net, etc.).

Ceci dit, il reste des possibilités.
Dans TOUS les cas, par contre, le bout de code mobile ne doit pas être écrit dans index.html, qui serait partiellement copiée dans une autre page.
Ce bout de code mobile doit être tout seul dans un fichier, et sera inclus en intégralité d'une part dans index.html, d'autre part dans ton autre page. Ces deux pages fonctionneront donc de la même façon.

Je vois deux façons de faire.

En javascript
- Tu places le bout de code mobile dans une page quelconque. Disons, contenu.html.
- Dans tes pages web (index.html et l'autre), tu réserves la place qu'il faut pour afficher ce bout de code, par exemple en plaçant un élément <div>. Tu lui donnes un id bien défini, par exemple <div id="contenuMobile"></div>
- Tu crées un nouveau fichier, contenu_mobile.js.
- Dans ce fichier, tu places le code suivant (c'est en fait un appel Ajax)

function afficherContenuMobile()
{
    var url = "contenu.html";    
    var request = new XMLHttpRequest();
    request.onreadystatechange = afficher;
    request.open("GET", url);
    request.setRequestHeader("Content-Type", "text/plain;charset=UTF-8");
    request.send(null);
    
    function afficher()
    {
        if(request.readyState == 4)
        {
            var emplacement = document.getElementById("contenuMobile");
            var texte = request.responseText;
            
            emplacement.innerHTML = texte;
        }
    }
}

- Dans tes deux pages web (index.html et l'autre), dans la balise <head>, tu références ce nouveau fichier javascript :
<script type="text/javascript" src="contenu_mobile.js"></script>
- Dans ces deux mêmes fichiers, dans la balise <body>, tu appelles la fonction javascript comme ceci :
<body onload="afficherContenuMobile();"</body>

L'autre méthode est moins propre mais plus simple.

Avec des iframe
- Tu places le bout de code mobile dans une page quelconque. Disons, contenu.html.
- Dans tes pages web (index.html et l'autre), à l'endroit où tu souhaites voir apparaître ce bout de code, tu places une iframe :
<iframe src="contenu.html" width="??" height="??" scrolling="auto" frameborder="0"></iframe>
Tu dois réserver la place nécessaire dans les attributs height et width.

En espérant que ça puisse t'aider,

Xavier

Bonjour,

Je voudrais obtenir un peu le même résultat que celui demandé ici mais,
Je voudrais que ce soit un graphe qui soit affiché :
Pour voir : Le graph (Nombre d'affichages) se trouve
sur : http://clic-pub.fr/info.php

Et je souhaite pouvoir l'afficher sur http://clic-pub.fr
ou, refaire un code qui fonctionne pour l'affiché ...

Si quelqu'un peut m'aider, merci.

Cordialement