Redimensionado de iframe al tamaño de la página contenida
Publicado en Programación el 8 de June de 2009 por Manel Pérez MataTags: HTML, JavaScript
Con este sencillo código JavaScript, ajustamos la altura del iframe al tamaño de la página en él conteido, de ese modo, evitaremos el molesto scroll lateral.
<html>
<body>
<script language="JavaScript">
//Ajusta el tamaño de un iframe al de su contenido interior para evitar scroll
function autofitIframe(id){
if (!window.opera && document.all && document.getElementById){
id.style.height=id.contentWindow.document.body.scrollHeight;
} else if(document.getElementById) {
id.style.height=id.contentDocument.body.scrollHeight+"px";
}
}
</script>
<iframe id="miFrame" src="http://www.tecnoretales.com/" width="100%" height="0" frameborder="1" transparency="transparency" onload="autofitIframe(this);"></iframe>
</body>
</html>
Una vez cargado el iframe, llamamos a la función autofitIframe que se encargará de obtener la altura total de la página contenida y se la asignará al tamaño del iframe.
Simplemente…
(No Ratings Yet)
Loading ...
(4.33 out of 5)
April 18th, 2010 23:46
Tenía un código parecido por algún lado pero no lo encontraba. Muchas gracias.
April 30th, 2010 0:13
Gracias por el script para redimensionar automáticamente un iframe. He probado algunos script que aparecen en internet y este me parece el mejor.
Adán Valenzuela Olaje