Ver Mensaje Individual
  #6 (permalink)  
Antiguo 29/11/2008, 22:50
CristianRH
 
Fecha de Ingreso: noviembre-2008
Mensajes: 1
Antigüedad: 15 años, 5 meses
Puntos: 0
Respuesta: height de iframe automatico?

LO LOGRE!!!!

Hola, soy cristian, leyendo un caso sobre el iframe, he logrado que el iframe respoda según la página que carga, también además de cuando cliqueamos un link tambien cambie el tamaño

en mi página web que estoy desarrollando http://radio.cristianhabarna.com.ar

en la sección noticias puedes verlo, te paso el código


en la pagina donde se aloja el iframe pone asi:
entre
<head>y </head>

<script>
function resizeIframe(){
var miIframe=document.getElementById("rss");
var alturaPagina=miIframe.contentWindow.document.body. scrollHeight;
miIframe.style.height=alturaPagina;
}
</script>

DONDE DICE var miIframe=document.getElementById("rss"); RSS ES EL NOMBRE DEL IFRAME PONE EL TUYO SEGUN TU IFRAME RECUERDA QUE SE DEBEN LLAMAR IGUAL SINO NO FUNCIONA


AHORA EN body


ALGO ASI

<body onLoad="resizeIframe('rss');">

RECUERDA QUE RSS ES EL NOMBRE DE IFRAME



LUEGO EL IFRAME:

<iframe width="600" name="rss" src="clarinrss.php" scrolling="no" border="0" frameborder="0" target="_blank"></iframe>

AQUI PUEDES PONER A TU GUSTO EL DISEÑO GENERAL DE EL, SOLO RESPETA EL NOMBRE Y PON UN ANCHO FIJO.



UNA VEZ QUE ESTE ESO VERAS QUE SE AJUSTA, PERO HAY UN SECRETO MÁS:


EN CADA PÁGINA QUE SE CARGUE DENTRO DE EL DEBE IR ESTE CÓDIGO

EN clarinrss.php YO DEBÍ PONER ESTE CÓDIGO


<script language="JavaScript" for="window" event="onload">
var docAncho=document.documentElement.scrollWidth;
var docAlto=document.body.scrollHeight;
window.resizeTo(docAncho,docAlto);
</script>


SI ES PHP O HTML NO ES PROBLEMA, SI ES PHP


PONLO POR FUERA DEL <PHP></PHP>
ALGO ASI:

<script language="JavaScript" for="window" event="onload">
var docAncho=document.documentElement.scrollWidth;
var docAlto=document.body.scrollHeight;
window.resizeTo(docAncho,docAlto);
</script>

<PHP>RESTO DEL CÓDIGO </PHP>

ESO ES TODO.


AHORA SI EL LINK QUE HACES TE ENVIA A UAN PÁGINA EXTERNA QUE NO PUEDES MODIFICAR, ALGO SE ME VA A OCURRIR Y TE AVISO.

ACLARO QUE FUNCIONA EN IExporer aún no pude hacer que funcione en Firefox ni Chrome...


pero es algo que se puede revisar ya veremos!!!!

un saludo!