Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Javascript (http://www.forosdelweb.com/f13/)
-   -   Cambiar tamaño de iframe segun su contenido (http://www.forosdelweb.com/f13/cambiar-tamano-iframe-segun-contenido-510457/)

manumaf 06/08/2007 15:54

Cambiar tamaño de iframe segun su contenido
 
Como ago que para que un iframe carie su tamaño cuando cargue un pagina dentro de el y que el tamaño que tome es el de esa pagina

Me habian dado un codigo asi pero no me funciona miren:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Iframes prueva!</title>
<SCRIPT LANGUAGE=javascript>
<!--
function reSize()
{
        try{       
        var oBody        =        ifrm.document.body;
        var oFrame        =        document.all("ifrm");
               
        oFrame.style.height = oBody.scrollHeight + (oBody.offsetHeight - oBody.clientHeight);
        oFrame.style.width = oBody.scrollWidth + (oBody.offsetWidth - oBody.clientWidth);
        }
        //An error is raised if the IFrame domain != its container's domain
        catch(e)
        {
        window.status =        'Error: ' + e.number + '; ' + e.description;
        }
}
//-->

</SCRIPT></head>
<BODY onload=reSize()>

<iframe src=YOUR_PAGE_HERE name="z1" width="" height="" align="left" scrolling="No" frameborder="3" id=z1 onresize=reSize()>
</iframe>
</BODY>
</html>


Cual es el error o que otro codigo puedo usar o otra forma de hacerlo


Aqui hay una web de de ejemplo que usa un iframe que cambia de tamño segun el contenido miren:
www.habbotools.de

manumaf 07/08/2007 10:47

Re: Cambiar tamaño de iframe segun su contenido
 
Respondan por fabor tengo que terminar mi web lo mas antes posible!

jeanclon 08/08/2007 15:46

Re: Cambiar tamaño de iframe segun su contenido
 
En la pagina que iria dentro del iframe coloca esto en la cabezera:

Código:

<script type="text/javascript">
//redimencionamiento del iframe segun el contenido
    window.onload = function() {
    window.parent.document.getElementById("nombre del iframe").height = document.getElementById("Contenido").offsetHeight;
    }
</script>

y todo lo que va dentro del body (osea el contenido de la pagina lo envuelves en un div)

Código PHP:

<body>
<
div id="Contenido">

....... 
contenido ......

</
div>
</
body

Esto me funciona a mi si la llamada a dicha pagina la hace la pagina principal que contiene el iframe. Yo ahora necesito que funcione el redimensionamiento del iframe si pa pagina se llama desde otra que ya este redimensionada en el iframe.
Ese codigo lo saque de este foro (no recuerdo el post).

manumaf 09/08/2007 10:09

Re: Cambiar tamaño de iframe segun su contenido
 
Pero toda la pgina adentro de un div pongo? por que yo toda la pagina la tengo dentro de una tabla


La zona horaria es GMT -6. Ahora son las 09:54.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.