Dynamische Höhe von iframe

Question

Ich arbeite derzeit an einer vorhandenen Website, die iframes (seufz!) Verwendet, diese sind ziemlich schmerzhaft zu arbeiten, und ich habe Probleme, die Höhe des iframe mit der Höhe des HTML zu skalieren Inhalt.

Ich habe ein paar verschiedene Script-Snippets ausprobiert, die auf den Interwebs herumschweben, aber keiner von ihnen hat für mich funktioniert. Ich möchte wirklich jQuery dazu verwenden, aber das ist keine Option, da IT die Größe der Pageload niedrig halten möchte.

Kennt jemand eine gute Möglichkeit, dies zu tun, in einer Weise, die auf FF und IE 6+ funktioniert?

Answer 1

Sie sollten einfach in der Lage sein, die Parameter height und width zu setzen - da diese beide gültige Attribute des iframe dom-Elements sind.

function resize(width, height) { 
    var frame = document.getElementById('my_iframe'); 
    frame.width = width; 
    frame.height = height; 
} 

Natürlich gilt dies nur, wenn Sie die iframe, um die Größe versuchen, aus dem es übergeordnetem Element ist (das Dokument mit dem tatsächlichen iframe-Tag). Wenn Sie versuchen, den Iframe innerhalb des Iframes zu skalieren (das Dokument, das der Iframe lädt), müssen Sie eine öffentliche Funktion des übergeordneten Elements aufrufen, um die Größenänderung durchzuführen.

In iframe: parent.resize(600, 800);