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.

Grafeco

8 Comments

  1. nike talon dunk Responder

    Interesting post and 1 which needs to be more extensively known about in my view. Your level of detail is beneficial and also the clarity of writing is excellent. I have bookmarked it for you so that others are going to be able to see what you’ll want to say.

  2. Pingback: abercrombie & fitch milano

  3. Carlos Responder

    En Chrome no me funciona, cuando cambio de pagina dentro del iframe, pero en firefox si funciona

  4. Yo Responder

    MUY BUENO, ME SIRVIO!!!!!!!!

  5. Yo Responder

    muy bueno!!

  6. Hippie Responder

    Grade A stuff. I’m unubestionaqly in your debt.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *