Jul
30
Iframe que adapta su altura (height) al contenido
Con este código javascript conseguimos que nuestro iframe adapte su altura al contenido que se cargue. Es muy sencillo de usar y funciona tanto en Mozilla como en Explorer.
En la etiqueta head del documento (padre) que contiene el iframe ponemos lo siguiente:
<script>
function grand(h) {
iframe=document.getElementById("ifr")
iframe.height=h;
}
</script>
function grand(h) {
iframe=document.getElementById("ifr")
iframe.height=h;
}
</script>
El iframe seria:
<iframe src="pagina.html" id="ifr" frameborder="0" width="300" height="50" name="ifr" scrolling="no"></iframe>
Donde pone “src” ponemos el documento a llamar, es importante que el “id” y “name” sea ifr, sino tendriamos que cambiar el javascript del head. En el “height” podemos poner lo que queramos porque luego se adaptará.
Por último en todos los documentos (hijos) que se vayan a cargar en el iframe, en el head ponemos:
<script>
function redimensiona()
{
top.grand(document.body.scrollHeight);
}
</script>
function redimensiona()
{
top.grand(document.body.scrollHeight);
}
</script>
En la etiqueta body añadir el parámetro:
onLoad=”redimensiona();”
Inicio
Colabora
Entradas (RSS)
Comentarios (RSS)
24 de Noviembre, 2007 - 0:26
No me funciona el script. Acaso falta llamar al primer script en alguna parte? y el “h” que esta como parametro… que es?
24 de Noviembre, 2007 - 0:57
Sube el ejemplo a algún servidor y le hecho un vistazo si quieres, sigue los pasos porque a mi si que me funciona.
24 de Noviembre, 2007 - 0:58
la H es la altura del iframe, fijate…
iframe.height=h;
15 de Mayo, 2008 - 23:05
oye…ami tampoco me funciona
podrias poner una pagina de ejemplo???
asi nos damos cuenta que esta mal…
por favor notificame por e mail.
16 de Mayo, 2008 - 8:45
Ejemplo: http://muebles-lara.es/
13 de Noviembre, 2008 - 23:27
Mil Gracias si vieras pase hrs tratatndo de hacerlo muchas gracias
13 de Noviembre, 2008 - 23:59
de nada
23 de Noviembre, 2008 - 22:29
< body onLoad="redimensiona();" >
23 de Noviembre, 2008 - 22:34
Pues eso, lo último que ha puesto el admin, pero quitando las comillas, la coma y punto y los espacios entre los triángulos sin base horizontales.
Mil una gracias de un supernovato.
Un saludo.