Marcos Flotantes

rachito · #1 (**permalink**) 30/07/2006, 18:31

Tengo una pagina en donde utilizo marcos flotantes o Iframes.
Mi duda es como hacer para que mi marco flotante tome automaticamente la altura del archivo que se esta visualizando en el???

Saludos

fer10 · #2 (**permalink**) 30/07/2006, 19:00

necesitas javascript..
ahy una funcion llamada offsetHeight algo asi

index

Código HTML:

<script language="JavaScript" type="text/JavaScript">
function reSize(){
	document.getElementById("content").style.height = frames["content"].document.body.offsetHeight+"px";
	
}
</script>

<iframe id="content" src="main.php" name="content" scrolling="no" frameborder="0"></iframe>

dentro del frame

Código HTML:

<script language="JavaScript" type="text/JavaScript">
if(self==top){
	top.location.replace("/?redir=" + escape("/main.php"));
}

function hideLoader(){
	document.getElementById("loader").style.visibility = "hidden";
}
</script>
</head>
<body onLoad="hideLoader();parent.reSize();">

lo agarre de la pagina de un amigo cmorelia

y manda a llamara a la funcion cuado carga la pagina onload

rachito · #3 (**permalink**) 31/07/2006, 13:13

gracias fer por tu ayuda :)

rachito · #4 (**permalink**) 31/07/2006, 13:28

me gustaria que me dijeras en donde pongo cada codigo??? gracias :)

rachito · #5 (**permalink**) 31/07/2006, 14:27

no me funciona o no se donde ponerlo ayuda pliss

fer10 · #6 (**permalink**) 31/07/2006, 14:33

son 2 archivos ok !

Index .php

Cita:

este pono entre dentro de <head>

Código HTML:

<script language="JavaScript" type="text/JavaScript"> function reSize(){ document.getElementById("content").style.height = frames["content"].document.body.offsetHeight+"px"; } </script>

este dodne quieras ten en cuenta el nombre del id y el name del iframe son importantes.

Código HTML:

<iframe id="content" src="main.php" name="content" scrolling="no" frameborder="0"></iframe>

archvio iframe en este caso main.php

Cita:

este dente de <head>

Código HTML:

<script language="JavaScript" type="text/JavaScript"> if(self==top){ top.location.replace("/?redir=" + escape("/main.php")); } function hideLoader(){ document.getElementById("loader").style.visibility = "hidden"; } </script>

este en body como se ve ahy

Código HTML:

<body onLoad="parent.reSize();">

lo unico que importa de el esta linea es onLoad="parent.reSize()"

de todas maneras el ejemplo esta en la pagina morelia como ya te comentaba

rachito · #7 (**permalink**) 31/07/2006, 14:56

muchas gracias fer por tu gran ayuda tnks :) ahora si me funciono