jQuery changer le contenu d'une iFrame

Je suis complètement nouveau à l'aide de jQuery. Pourquoi n'est-ce pas de travail?

<iframe width="800" scrolling="no" id="prev" src="">your browser needs to be updated.
</iframe>
<script src="jquery.js"></script>
<script>
    //var c = 0;
    $(document).ready(function() {
        $('#prev').contents().html("<html><body><div> blah </div></body></html>");
    })
</script>

Aussi, je suis de la planification sur l'utilisation de cette iFrame afin de présenter un aperçu des modifications apportées à un fichier html à l'utilisateur. Je suis va vider toute l'iFrame chaque fois qu'une modification est effectuée, ou, si je peux comprendre comment le faire, modifier certaines lignes à l'aide de jQuery. C'est que la meilleure façon d'aller à ce sujet?

InformationsquelleAutor mavix | 2012-02-28
  1. 49

    Si vous souhaitez mettre à jour la iframe contenu à l'aide de html, alors vous devez d'abord trouver le body élément à l'intérieur de la iframe puis ajouter la nécessaire balisage.

    $(document).ready(function() {
    $('#prev').contents().find('body').html('<div> blah </div>');
});

    De travail démo - http://jsfiddle.net/ShankarSangoli/a7r9L/

    • Cela fonctionne bien, mais si nous avons un lien CSS de la balise, qui n'est pas considéré dans IE10, mais fonctionne très bien dans IE11. Une idée de comment résoudre ce problème? Comme $('#prev').contents().find('body').html('<link href="/css/style_common.css" type="text/css" /><div> blah </div>');
    • Pourquoi nous utilisons des matières() la fonction ? si la conclusion du corps peut fonctionner? Pouvons-nous le faire fonctionner sans .contenu() ?
    • Je crois que le contents() est conseillé de l'utiliser parce que vous n'avez pas à vous soucier de la croix-navigateur, à la droite de l'élément document.
    InformationsquelleAutor ShankarSangoli
  2. 1

    J'ai créé un script PHP qui peut obtenir tout le contenu de l'autre site, et le plus important, c'est que vous pouvez facilement appliquer votre personnalisé jQuery pour que le contenu externe. Veuillez consulter le script suivant que l'on peut obtenir tout le contenu de l'autre site web et vous pouvez ensuite appliquer votre cusom jQuery/JS ainsi. Ce contenu peut être utilisé n'importe où, à l'intérieur de tout élément ou toute la page.

    <div id='myframe'>

  <?php 
   /* 
    Use below function to display final HTML inside this div
   */

   //Display Frame
   echo displayFrame(); 
  ?>

</div>

<?php

/* 
    Function to display frame from another domain 
*/

function displayFrame()
{
    $webUrl = 'http://[external-web-domain.com]/';

    //Get HTML from the URL
    $content = file_get_contents($webUrl);

    //Add custom JS to returned HTML content
    $customJS = "
    <script>

      /* Here I am writing a sample jQuery to hide the navigation menu
         You can write your own jQuery for this content
      */
      //Hide Navigation bar
      jQuery(\".navbar.navbar-default\").hide();

    </script>";

    //Append Custom JS with HTML
    $html = $content . $customJS;

    //Return customized HTML
    return $html;
}
    InformationsquelleAutor Ahsan Horani