Ajouter de la dynamique des éléments dans un élément Iframe que j'ai créer

j'ai un petit problème, si je créer dynamiquement, un élément IFRAME et je agréger de manière dynamique les éléments de la nouvelle iframe. Il fonctionne Si je fais ça:

var miiframe=document.getElementById("miiframe");
var myElement=content.document.createElement("LABEL");
myElement.innerHTML="blabla";
miiframe.contentDocument.body.appendChild(myElement);

mais si je fais ça ne fonctionne pas:

var miiframe=content.document.createElement("IFRAME");
miiframe.src="about:blank";
document.body.appendChild(miiframe);
var myElement=content.document.createElement("LABEL");
myElement.innerHTML="blabla";
miiframe.contentDocument.body.appendChild(myElement);

je vois l'iframe mais je ne vois pas l'élément label.
La plupart des courious est si avant appendElement je fais et alerte, il fonctionne!!!

var miiframe=content.document.createElement("IFRAME");
miiframe.src="about:blank";
document.body.appendChild(miiframe);
var myElement=content.document.createElement("LABEL");
myElement.innerHTML="blabla";
alert("now works!!!");
miiframe.contentDocument.body.appendChild(myElement);

Avec élément DIV fonctionne, mais je veux le faire avec élément IFRAME!!!

Ce code est pour Firefox.
Merci!!

plutôt cette réponse après l'ajout d'arrêter de le charger miiframe.contentWindow.stop();

OriginalL'auteur user322172 | 2010-04-21

  1. 8

    Si vous mettez un "src" à votre iframe, il essaie de charger cette source (même si c'est un "about:blank"). Lorsque le chargement est terminé, il remplace votre étiquette. Vous pouvez ajouter un écouteur d'attendre pour l'iframe de chargement:

    var miiframe=content.document.createElement("IFRAME");
miiframe.src="about:blank";
miiframe.addEventListener('load', function (e) {
    var myElement=content.document.createElement("LABEL");
    myElement.innerHTML="blabla";
    miiframe.contentDocument.body.appendChild(myElement);
}, false);

document.body.appendChild(miiframe);
    Ça fonctionne, merci beaucoup!!!
    Vous êtes les bienvenus.
    content.document ne fonctionne pas pour moi....

    OriginalL'auteur Reto Aebersold

  2. 2

    Mon cas est un peu différent, je n'ai pas de spécifier n'importe quelle source, j'essayais juste de créer un éditeur HTML, je faisais quelque chose comme ceci:

    function init() {
    var iframe = document.createElement("iframe");
    iframe.setAttributes('id','edit');
    document.body.appendChild(iframe);
    var y = document.getElementById('edit');
    y.contentDocument.designMode = 'On';
}

    Mais qui n'a jamais travaillé, les curieux, c'est que quand j'ai mis quelques alertes à l'intérieur de certaines fi par exemple, si('designMode' en y) et des trucs comme ça, après une couple d'alertes que j'ai pu écrire sur l'iframe.... :S

    Merci beaucoup pour votre aide, votre explication est claire, l'iframe toujours essayer de le charger.... il remplace toutes les autres instructions avant... donc je l'ai changé et maintenant travaille à 100% 🙂

    function init() {
    var iframe = document.createElement("iframe");
    iframe.addEventListener('load', function () {
    iframe.contentDocument.designMode="on";
    }, false);
    document.body.appendChild(iframe);
}

    OriginalL'auteur Jairo