Altezza dinamica di iframe

Question

Attualmente sto lavorando su un sito esistente che utilizza iframe (sigh!), Questi sono piuttosto dolorosi con cui lavorare e sto riscontrando problemi nel far salire l'altezza dell'iframe con l'altezza dell'HTML soddisfare.

Ho provato alcuni frammenti di script diversi che fluttuano intorno all'interweb, ma nessuno di loro ha funzionato per me. Voglio davvero usare jQuery per farlo, ma questa non è un'opzione perché l'IT vuole mantenere la dimensione del pageload.

Qualcuno sa di un buon modo per farlo, in un modo che funzioni sia su FF che su IE 6+?

Answer 1

Dovresti solo essere in grado di impostare semplicemente i parametri altezza e larghezza, poiché questi sono entrambi attributi validi dell'elemento iframe dom.

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

Naturalmente, questo vale solo se si sta tentando di ridimensionare l'iframe dal suo elemento genitore (il documento con il tag iframe reale). Se si sta tentando di ridimensionare l'iframe dall'iframe (il documento caricato dall'iframe) sarà necessario chiamare una funzione pubblica dell'elemento genitore per eseguire il ridimensionamento.

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