2009-03-30 35 views
6

Actualmente estoy trabajando en un sitio existente que usa iframes (¡suspiro!), Estos son muy dolorosos para trabajar y tengo problemas para lograr que el alto del iframe se escale con el alto del HTML contenido.Altura dinámica del iframe

He intentado algunos fragmentos de script diferentes que flotan en las interwebs, pero ninguno me ha funcionado. Realmente quiero usar jQuery para hacer esto, pero esa no es una opción porque TI quiere mantener bajo el tamaño de la carga de la página.

¿Alguien sabe de una buena manera de hacerlo, de una manera que funcione tanto en FF como en IE 6+?

Respuesta

4

Debería simplemente poder configurar los parámetros de altura y ancho, ya que estos son atributos válidos del elemento de iframe dom.

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

Por supuesto, esto sólo se aplica si usted está tratando de cambiar el tamaño del marco flotante desde su elemento padre (el documento con la etiqueta iframe real). Si está tratando de cambiar el tamaño del iframe desde el iframe (el documento que carga el iframe) necesitará llamar a una función pública del elemento padre para realizar el cambio de tamaño.

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

+0

Gracias por su respuesta :) No estoy seguro de si se soluciona mi problema sin embargo. Elaboraré: Mi problema es que tengo un acordeón con li-elementos que se expanden y contraen, quiero que la altura del iframe cambie automáticamente de acuerdo con la altura del src-html que incluye este acordeón. – timkl

Cuestiones relacionadas