Comment insérer du code html dans un iframe

Bonjour à tous: j'ai besoin d'insérer une chaîne html dans une iframe comme indiqué ci-dessous:

....

var html = "<html><head><title>Titolo</title></head><body><p>body</p></body></html>"

jQuery('#popolaIframe').click(function() {
  parent.$("#indexIframe")[0].documentElement.innerHTML = html;     
});

Est-il un moyen pour y parvenir?

Comme une alternative possible (sans savoir ce que vous voulez atteindre): pensez à utiliser un div avec overflow:auto; pour obtenir le 'iframe' effet (= zone délimitée avec des barre de défilement).
Le div n'est pas une alternative depuis que je reçois un code html avec la balise head. Remplir les divs avec une sorte formé html cause le navigateur pour supprimer tous les le contenu d'en-tête.
Ouais, je vois votre problème. Vous à poursuivre cette voie de la pensée, mais, autant que je sais que c'est le genre de chose que l'origine de la politique de JavaScript couvre - donc vous pouvez avoir à extraire le <body> partie et toutes les données d'en-tête que vous devez préserver (par exemple, les feuilles de style). De toute façon, bonne chance. 🙂

OriginalL'auteur Massimo Ugues | 2010-05-06

  1. 6
    var html = "<html><head><title>Titolo</title></head><body><p>body</p></body></html>"

jQuery('#popolaIframe').click(function() {
  var doc = parent.$("#indexIframe")[0].documentElement;
  doc.open();
  doc.write(html);
  doc.close();     
});
    Je ne comprenais pas cette solution, ici est quelque chose de semblable, ce qui a fonctionné pour moi: mydoc = document.getElementById ("iframe_id').contentWindow.document; mydoc.écrire(html_code); mydoc.close();
    Je ne pense pas que document.close est nécessaire ici que document.write va le faire lui-même. le .close arrive implicitement trop.

    OriginalL'auteur omtester

  2. 1

    N'est que le code que vous avez posté de travail? Si pas, c'est probablement parce que les navigateurs interdire la modification du contenu de l'iframe pour des raisons de sécurité.

    Le code ne fonctionne pas. Ci-dessous le travail. parent.$("#indexIframe")[0].contentDocument.corps.innerHTML = "foo"; Le problème est que depuis que je reçois un bien formé html avec le contenu d'en-tête je ne peux pas le mettre dans le contentDocument.corps.

    OriginalL'auteur Delan Azabani

  3. 0

    Ressemble, vous pouvez obtenir une refrence pour le corps donc je ne vois pas pourquoi pas:

    http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_iframe_contentdocument

    Non, je ne peut pas référencer le corps: car j'ai d'injecter un code html approprié avec la tête et le corps: Le réel html est ceci: var html = '<html><head><link type="text/css" href="./style.css"/></head><body><p></p></body></html>'; Et si j'ai insérer le code html dans le document.corps.innerHTML tout le contenu d'en-tête est tombée. Cordialement
    bien qu'indésirable dans le corps dans des circonstances normales... ça ne marche que si vous mettez la link balise dans le corps?
    Il fonctionne avec les navigateurs depuis les navigateurs ne coupez pas la définition. Je reçois un problème avec le jQuery api clone() avec ie6 et le problème est causé par la balise de lien dans le corps. Toujours à la recherche d'.... 🙂

    OriginalL'auteur Ged

  4. 0

    Vous avez perdu 1 niveau, vous devez modifier le innerHtml de corps, mais pas de document:

    document.body.innerHTML = bla-bla

    OriginalL'auteur Dewfy

  5. 0

    Vous ne pouvez pas insérer dans une iframe, à moins que vous remove() l'iframe et l'utilisation de " append(html)". Vous pouvez l'insérer à l'intérieur iframes corps comme

    $('body',parent.$("#indexIframe")[0].contentWindow.document).html(html)

    OriginalL'auteur Aniket Thakur

  6. 0

    Alternitevely si ce n'est pas sûr de l'élément parent, vous pouvez le faire:

    var doc = $.find("#myIframe")[0].contentWindow.document; //that will look in the whole dom though
doc.open();
doc.write(html);

    Au moins ce fait la job dans mon cas 🙂

    OriginalL'auteur Lys