• Récap : Récup auto Entête Catégories

    récap de cette page, voir en bas de page : ST    

     

    > dans le module Bienvenue
    le code qui permet d'intégrer ce qu'on veut intégrer
    là où on veut, via et dans une iframe :

    <script>// <![CDATA[
    window.onload=function() {  
    function recupFrame() 
    {
    var x=document.getElementById("maFrame"); 
    var y=(x.contentWindow || x.contentDocument); 
    if (y.document) {y=y.document;} 
    var t=y.getElementById('tabexemple'); 
    document.getElementById('marecupbox').innerHTML=t.innerHTML; 

    if (document.getElementById("maFrame")) recupFrame();
    }
    // ]]></script>

     

     

    > dans une page simple, ce qui doit être récupéré/intégré :

    http://repertoire.ek.la/entete-pages-categories-p1384476

     

    > dans chaque code source <> de chaque page catégorie
    on indique que, dans l'iframe
    on récupère ce qui est dans "la page http..."
    puis c'est positionné dans larecupbox :

    <p>&nbsp;</p>
    <p><iframe id="maFrame" style="display: none;" src="http://repertoire.ek.la/entete-pages-categories-p1384476" ></iframe></p>
    <div id="marecupbox" style="border: 2px solid green; padding: 10px;">&nbsp;</div>
    <p>&nbsp;</p>

     

    ça apparait dans l'article sous la forme :

     

    un F5 (1) et c'est youpi (c'est un exemple, non finalisé) :

    (1)  le F5 n'est pas nécessaire :
    - quand ça passe par un lien > l'affichage se met bien à jour
    - quand le lien s'ouvre en nouvelle fenêtre

     

     NOTES ST:

    maFrame   est ici le nom de l'identifiant de la balise <iframe> recevant la page complète contenant ce qui est à récupérer.

    tabexemple  est ici l'identifiant de l'élément à récupérer et à afficher

    http://testsrepertoire.eklablog.com/st-en-tete-a-recuperer-p1383920  est l'url de la page contenant ce qui est à récupérer.

    width="600" height="300"    les valeurs en rouge sont à adapter

    marecupbox  est le nom de l'identifiant de la balise div qui contiendra ce qui doit être affiché

    style="border: 2px solid green; padding: 10px;"  (facultatif) style de la balise "marecupbox"

    Rappel en cas d'usage dans des articles : un identifiant doit être unique par page web

    Source : http://le-blog-facile.ek.la/recuperer-des-donnees-sur-une-autre-page-du-blog-p373178
    la source comporte 2 erreurs dans le code :  href=" à supprimer dans la balise iframe, et un } à ajouter en final avant </script>

     

    script avec timer :

    <script>// <![CDATA[
    window.onload=function() {  
    function recupFrame() 
    {
    var x=document.getElementById("maFrame"); 
    var y=(x.contentWindow || x.contentDocument); 
    if (y.document) {y=y.document;} 
    var t=y.getElementById('tabexemple'); 
    document.getElementById('marecupbox').innerHTML=t.innerHTML; 


    if (document.getElementById("maFrame")) recupFrame();
    }
        window.setTimeout("recupFrame()",4000);
     }  // <-- IL MANQUAIT CETTE ACCOLADE EN FINAL
    // ]]></script>

     

     


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :


>> Blog en cours d'essais pour mises en place diverses, Merci