Foros del Web » Programando para Internet » Javascript »

Cambiar tamaño de iframe segun su contenido

Estas en el tema de Cambiar tamaño de iframe segun su contenido en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 06/08/2007, 15:54
Avatar de manumaf  
Fecha de Ingreso: mayo-2007
Ubicación: Argentina
Mensajes: 853
Antigüedad: 13 años, 5 meses
Puntos: 6
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
  #2 (permalink)  
Antiguo 07/08/2007, 10:47
Avatar de manumaf  
Fecha de Ingreso: mayo-2007
Ubicación: Argentina
Mensajes: 853
Antigüedad: 13 años, 5 meses
Puntos: 6
Re: Cambiar tamaño de iframe segun su contenido

Respondan por fabor tengo que terminar mi web lo mas antes posible!
  #3 (permalink)  
Antiguo 08/08/2007, 15:46
Avatar de jeanclon  
Fecha de Ingreso: mayo-2005
Mensajes: 258
Antigüedad: 15 años, 4 meses
Puntos: 2
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).

Última edición por jeanclon; 08/08/2007 a las 15:47 Razón: se me olvido poner etiquetas de codigo
  #4 (permalink)  
Antiguo 09/08/2007, 10:09
Avatar de manumaf  
Fecha de Ingreso: mayo-2007
Ubicación: Argentina
Mensajes: 853
Antigüedad: 13 años, 5 meses
Puntos: 6
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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 19:31.