iframe que se ajusta al tamaño de html

mtpa · #1 (**permalink**) 08/01/2011, 15:23

Hola de nuevo a la comunidad.

Tengo un iframe de mi sitio web, este iframe tiene la opcion a adaptarse al alto del contenido. como hago esto? de la siguiente manera:

PASO 1
JAVASCRIPT PARA ADAPTAR IFRAME AL CONTENIDO:

Código:

// JavaScript Document

var intento;
function ajustar(){
if(document.getElementById('inicio').height>0){clearTimeout(intento);return;}
document.getElementById('inicio').height=document.getElementById('inicio').contentWindow.document.body.scrollHeight;
intento=setTimeout('ajustar()',500);
}

PASO 2
En el body

Código HTML:

<body onload="ajustar()" >

PASO 3

Código HTML:

<iframe id="inicio" src="index-iframe.htm" width="630" scrolling="no" height="0" frameborder="0"></iframe>

con estos 3 pasos el iframe llamado INDEX-IFRAME.HTM se carga en la pagina principal. AHI TODO VA BIEN,

....PERO....ese iframe tiene hypervinculos o links, el problema es este: Al hacer click sobre el link se carga sobre el iframe, vamos bien....pero este segundo iframe no se adapta al contenido....

COMPRENDEN?

El primer iframe tiene un alto de 600px, el segundo iframe tiene un alto de 320px. por lo tanto cuando se carga el segundo iframe, se carga dejando un vacio o mejor dicho en blanco el resto del area restante.

¿¿¿COMO PUEDO HACER PARA QUE EL SEGUNDO IFRAME QUE SE CARGA SOBRE EL PRIMERO TAMBIEN SE ADAPTE AL CONTENIDO???

SALUDOS Y ESPERO ME AYUDEN.

Ruben_JD · #2 (**permalink**) 10/01/2011, 12:04

Quita el width="630" scrolling="no" height="0" y colocalo dentro de un css con el ancho variable por ejemplo width=100%; height=100%; overflow: hidden;
tambien puedes ubicarlo mejor solo con css y no con jscript

lktmaster · #3 (**permalink**) 11/01/2011, 06:16

Yo me encontré con algo similar, y al no poderle dar el tamaño opté por la versión facil, poner fondo transparente.

Poniendo el iframe dentro de un div y dando la porpiedad de...

allowtransparency="true"