Foros del Web » Programando para Internet » Javascript »

Script para adaptar tamaño de iframe de una página con altura variable.

Estas en el tema de Script para adaptar tamaño de iframe de una página con altura variable. en el foro de Javascript en Foros del Web. Hola a todos, cuanto tiempo sin pasar por aquí. Cuantos cambios, cuanta gente nueva. Saludos a todos. Mi caso es el siguiente, quiero insertar un ...
  #1 (permalink)  
Antiguo 28/11/2011, 06:43
 
Fecha de Ingreso: diciembre-2002
Ubicación: Albacete
Mensajes: 140
Antigüedad: 21 años, 11 meses
Puntos: 0
Script para adaptar tamaño de iframe de una página con altura variable.

Hola a todos, cuanto tiempo sin pasar por aquí. Cuantos cambios, cuanta gente nueva. Saludos a todos.

Mi caso es el siguiente, quiero insertar un foro de phpbb en wordpress (pero sin combinar usuarios ni nada), lo que quiero es que el foro aparezca dentro de la cabecera y el pie de página de wordpress.

Esto lo he conseguido introduciendo un iframe y haciendo que éste adapte su altura dependiendo de la altura de la seccion del foro que ve el usuario en cada momento. No se si me explico.

El script, que hace su trabajo perfectamente en IE, es el siguiente:

Código PHP:
<script language="javascript" type="text/javascript">
function 
iFrameAltura() {
  var 
0;
  if ( !
document.all ) {
    
document.getElementById('ventanaforo').contentDocument.height;
   
document.getElementById('ventanaforo').style.height 25 'px';
  } else if( 
document.all ) {
    
document.frames('ventanaforo').document.body.scrollHeight;
    
document.all.ventanaforo.style.height 20 'px';
 }
}
</script> 
El iframe lo inserto así:

Código PHP:
<div class="frameforo">
<
iframe onload="iFrameAltura()" id="ventanaforo"
     
name="iframe"
     
src="http://www.spl-clm.es/foro/index.php"
     
width="100%"
     
height="500"
     
scrolling="no"
     
align="top"
     
frameborder="0"
     
class="cont_frame">
     
Esta opción no trabajará correctamente.
     
Desafortunadamente su navegador no soporta
     Inline Frames
</iframe>
</
div
El problema es que no pasa lo mismo con FireFox, en éste solo me muestra la altura de "500" que aparece en el codigo del iframe. Imagino que es porque FireFox no recoce el script que estoy utilizando.

Con Chrome si me adapta el tamaño al foro, el único problema (que puede ser aceptado, pero que si corrijo mejor ) es que si el usuario ve una página del foro con altura y luego cambia a otra con una altura inferior, el iframe no recupera a esa altura (se queda en la superior), cosa incomoda algunas veces, ya que el pie de página se queda donde Cristo perdio el gorro.

Mi pregunta. ¿Como adapta mi script para que se vea bien en estos navegadores y no solo en el IE?

Muchas gracias por adelantado.
__________________
Aprendiendo por mi cuenta y desde cero, os agradeceria que tuvierais paciencia conmigo ;-)

Visita mi Charca

Etiquetas: altura, iframe, página, php, tamaño, adaptador
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




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