Wie kann ich erkennen, iframe Größe ändern?

Gibt es eine Möglichkeit zu erkennen, ob der Inhalt des iframe geändert hat?

Mein workaround ist, ich habe eine Schleife, die ständig zu überprüfen, für die Höhe der Inhalte, die es effektiv, aber nicht effizient, gibt es einen anderen Weg, dies zu tun?

  • wie meinst du die Inhalte geändert? Eine Aktualisierung zu einer anderen url? Ein form-element aktualisiert werden? Nicht sicher, die Höhe ist um Ihnen zu helfen, wenn zwei Seiten haben die gleiche Höhe. Auch, wenn Sie laden eine Seite von einer anderen domain, die Sie pflegen können, um auf die Höhe des doc-Körper? Brauchen mehr info
InformationsquelleAutor yoshi | 2009-08-17
  1. 5

    Da der Inhalt des iframe hat einen separaten window element, Sie können dies tun, in ein Skript in dem iframe.

    $(window).resize(function(){
  var object = $(this)
  //Use `object.height()` and `object.width()`.
});

    Könnten Sie auch $("#the_iframe")[0].contentWindow.window (oder so ähnlich) statt window Zugriff auf die window Objekt des iframe vom Anwendungsbereich enthält das iframe.

    • Danke.. ich werde versuchen, dieses..
    • -1 - Leider ist dies nicht korrekt. Dies wird nur ausgelöst, wenn die <iframe> Breite ändert und nicht, wenn der Inhalt des iframe ändert. Was ich sagen kann, ist der einzige Weg, um zu bemerken, dass eine Veränderung ist leider durch polling 🙁
    InformationsquelleAutor August Lilleaas
  2. 1
          setInterval(function() {
                var ifm = document.getElementById("UIMain");
                var h = ifm.contentWindow.document.body.scrollHeight;
                ifm.height = h < 400 ? 400 : h;
          }, 800);

    reinem javascript ist OK.nicht brauchen, jquery.

    InformationsquelleAutor SleeplessKnight
  3. 1

    dadurch das problem gelöst :

    iframe-code:

    <body onload="parent.alertsize(document.body.scrollHeight);">

    übergeordnete Seite :

    <script>
function alertsize(pixels){
 pixels+=32;
document.getElementById('myiframe').style.height=pixels+"px";
}
</script>
    InformationsquelleAutor Blazer
Schreibe einen Kommentar