Entradas con la etiqueta javascript

Iframe con JavaScript y Height Automático

Bueno, aquí una explicación de cómo incluir un ifame con ayuda de JavaScript y controlar el alto automático.

Primero, el código en JavaScript en el <head>:

<script language="JavaScript">
<!--
function calcHeight()
{
 //Cojo la altura en nuestra página
 var the_height=
 document.getElementById
("the_iframe").contentWindow.
 document.body.scrollHeight;
//Cambio la altura del iframe
 document.getElementById("the_iframe")
.height= the_height;
}
//-->
</script>

 

Y ahora entre <body> y </body> :

<span style="color: #993366;"><iframe width="100%" id="the_iframe" onLoad="calcHeight();" src="ladireccionquequiera" scrolling="NO" frameborder="0" height="1"></iframe></span>

Aviso: puede haber incompatibilidades si el las páginas no están en el mismo servidor.

Ver más