DIV-Container aus iFrame hängen

brende

Grünschnabel
Hallo,

ich habe ein Problem mit einem JS und stehe hier irgendwie auf dem Schlauch. Ich versuche das Problem mal etwas vereinfacht darzustellen.

Im Firebug habe ich den folgenden Code

HTML:
<html>
  <body>
      ......
      <iframe id="masterFrame">
        <html>
            <body>
                <iframe id="slaveFrame">
                    <html>
                      <body>
                          <!-- SOME CODE -->
                          <div id="myDiv">
                                <!--- SOME CODE -->
                          </div>
                      </body>
                    </html>
                </iframe>
            </body>
        </html>
      </ifrme>
      ......
  </body>
</html>

Ich möchte nun den DIV-Container aus dem iFrame "slaveFrame" mittels JS "herausheben", was mit folgendem JavaScript wunderbar funktioniert-

HTML:
<html>
  <body>
      ......
      <iframe id="masterFrame">
        <html>
            <body>
                <iframe id="slaveFrame">
                    <html>
                      <body>
                          <!-- SOME CODE -->
                          <div id="myDiv">
                              <!--- SOME CODE -->
                              <script>
                                 var myDiv = document.getElementById("myDiv");
                                 window.frameElement.parentNode.appendChild(myDiv);
                              </script>
                          </div>
                      </body>
                    </html>
                </iframe>
            </body>
        </html>
      </ifrme>
      ......
  </body>
</html>

Das funktioniert auch problemlos, der Code sieht anschließend im Firebug wie folgt aus:

HTML:
<html>
  <body>
      ......
      <iframe id="masterFrame">
        <html>
            <body>
                <iframe id="slaveFrame">
                    <html>
                      <body>
                      </body>
                    </html>
                </iframe>
                <div id="myDiv">
                  <!--- SOME CODE -->
                  <script>
                      var myDiv = document.getElementById("myDiv");
                      window.frameElement.parentNode.appendChild(myDiv);
                   </script>
                 </div>
            </body>
        </html>
      </ifrme>
      ......
  </body>
</html>

Mein Problem ist, ich will es noch einmal machen und aus dem masterFrame hängen und das will nicht klappen Also ein erneutes

HTML:
window.frameElement.parentNode.appendChild(myDiv);

funktioniert nicht. Wo liegt mein Denkfehler ?

Danke
 

Neue Beiträge

Zurück