Charge iFrame après chargement de la page

J'ai une page PHP avec un peu d'iFrames, causes de la page à charger assez lentement. Comment dois-je faire pour que le chargement de ces iFrames une fois la page complètement chargée? Je suppose que j'ai besoin d'utiliser le JavaScript, mais je n'ai pas encore trouvé un code qui fonctionne.

Merci beaucoup.

EDIT - L'iFrame doit apparaître à l'intérieur d'un PHP echo.

Voici le code:

<?php
            while($i = mysql_fetch_array($e))
            {
        ?>

    <div class='dhtmlgoodies_question'>
        <div style='float:left'><img src='../images/categories/<?=$i[Category]?>.png'></div>
        <div class='name'><?=$i[Name]?></div>
        <div class='location'><?=$i[Area]?></div>
    </div>

    <div class='dhtmlgoodies_answer'>
    <div>

        <div style='background-color:#FFF; margin-left:248px; padding:10px; color:#666'>
        <?=$i[Address]?><br>
        <?=$i[Area]?><br>
        <a href='http://maps.google.com/maps?q=<?=$i[Postcode]?>'><?=$i[Postcode]?></a><
        <p>
        <?=$i[ContactName]?><br>
        <?=$i[TelephoneNumber]?>
        </div>
        <p>
        <a href='http://crbase.phil-howell.com/view.php?Employer=<?=$i[Employer]?>'>
        Edit this entry
        </a>
        <br>

    //HERE IS WHERE I WANT TO LOAD THE iFRAME


    </p>
        </div>

    </div>
</div>
        <?php
            }
        ?>
Utiliser la méthode onload
utilisation de jquery $(document).ready(function(){ //ajout du code ici });
nczonline.net/blog/2009/09/15/iframes-onload-and-documentdomain
Hmmm - qui ne fonctionne pas. C'est au sein d'une base de données MySQL echo - est-ce un problème?

OriginalL'auteur Phil Howell | 2012-04-30

  1. 5

    Essayez d'ajouter à la fin de votre corps:

    
window.onload = function() {
    var iframe = document.createElement('iframe');
    iframe.style.display = "none";
    iframe.src = your_iframe_source_url;
    document.body.appendChild(iframe);
};
    Cela ne marche pas

    OriginalL'auteur Sudhir Bastakoti

  2. 5

    @Sudhir et @Richard a montré, vous pouvez résoudre ce problème en reportant la charge de iframe contenu et il suffit de quelques lignes de javascript.

    Parfois, cependant, est plus pratique de placer le iframe élément dans le code source au lieu de créer de l'élément lors de l'exécution. Eh bien, vous pouvez l'avoir aussi, par la création de l' iframe élément pointant vers about:blank et la modification de sa source au moment de l'exécution: 

    <html>
<head>
<script>
    function loadDeferredIframe() {
        //this function will load the Google homepage into the iframe
        var iframe = document.getElementById("my-deferred-iframe");
        iframe.src = "./" //here goes your url
    };
    window.onload = loadDeferredIframe;
</script>
</head>    
<body>
    <p>some content</p>

    <!-- the following iframe will be rendered with no content -->
    <iframe id="my-deferred-iframe" src="about:blank" />

    <p>some content</p>
</body>
</html>

    Édité par @PhilHowell: j'espère que l'idée est plus clair maintenant.

    Merci - comment dois-je appeler loadDeferredIframe?
    ...de la page en fonction d'initialisation qui est. Je ne suis pas sûr de ce que vous voulez dire par là.
    appelez simplement loadDeferredIframe() à partir de l'intérieur de la fonction que vous utilisez pour window.onload. Si vous n'avez pas ce genre de fonction, vous pouvez faire: window.onload = loadDeferredIframe;
    Je suis désolé - je ne suis pas. Pourriez-vous éventuellement ajouter votre message original avec des instructions étape par étape? Merci beaucoup.
    Ne fonctionne pas du tout :S - a arrêté la plupart du script de travail existant sur la page crbase.phil-howell.com/employers/pag.php

    OriginalL'auteur Gerardo Lima

  3. 2

    Si vous le souhaitez, vous pouvez charger vos images une fois que la page a dmeno comme ceci:

    J'ai utilisé jquery pour des raisons de simplicité ici:

    $(function() {

   $('<iframe />').attr('src', 'http://www.google.com').appendTo('#yourelementId'); 

});

    voir plus ici:

    http://jquery-howto.blogspot.co.uk/2010/02/dynamically-create-iframe-with-jquery.html

    JS Iframe chargeur

    Donc pour PHP Echo:

    <?php

  echo "<div id='yourelementId'></div><script>$(function() { $('<iframe />').attr('src', 'http://www.google.com').appendTo('#yourelementId');});</script>"; 

?>

    Oh, et assurez-vous que vous avez lié jQuery ou à utiliser le code que Sudhir a donné.

    Sera-ce de travailler au sein d'une PHP echo?
    oui mais pourquoi avez-vous besoin de PHP echo?
    J'ai besoin d'afficher des informations à partir d'une autre table à l'intérieur d'un écho.
    Ajouté écho exemple
    :-S c'est la réalisation de ce projet... crbase.phil-howell.com/employers/pag.php

    OriginalL'auteur Richard