Iframe

[Valiant]

Version:2.02.22
Foro: http://l2chaoslegion.iespana.es/subpaginas/Foro.html

Pues meti el foro en forma de iframe pero lo que pasa que cuando le das a escribir, leer... alguna cosa se queda muy largo lo demas se queda gris y hay que subir no se si me entendeis entrar al foro y lo vereis.

Lo que quiero hacer es que la tabla donde esta el foro se acorte o alargue segun corresponda a lo que hay en el foro.

Y si me podeis poner rangos en los miembros mejor es decir, uno que ha posteado 1000 mensajes es miembro bronce.

[mitch]

Lo de los miembros son rangos, los editas desde el ACP, en la administracion de usuarios. Ahi pones la cantidad de mensajes, y una imagen asociada si quieres.

Sobre lo otro, ese es el problema del iframe, que no se le puede ajustar el alto a gusto, y otro método de integrar lo desconozco. De todas formas muevo el tema el foro de avanzado, por si alguien te pudiese ayudar.

[Valiant]

Por favor ayudenme.

[HuanManwe]

¿Porqué no haces el intento contrario? Podrías probar a modificar la apariencia de tu foro para que parezca que estás en la web.

[mynameis]

Yo he encontrado la solución a lo que decís:

Encontré, tras mucho buscar, este código que consigue que la longitud del iframe se adapte a la página que contiene en su interior:

En el Head de la página este código:

<script language="JavaScript">
<!--
function calcHeight()
{
//find the height of the internal page
var the_height=
document.getElementById('the_iframe').contentWindow.
document.body.scrollHeight;

//change the height of the iframe
document.getElementById('the_iframe').height=
the_height;
}
//-->
</script>

Y el iframe va de esta manera:

<iframe width="700" id="the_iframe"
onLoad="calcHeight();"
src="la_pagina_que_se_muestra_dentro_del_iframe.php"
scrolling="NO"
frameborder="1"
height="100%">
</iframe>

El width lo cambias al ancho que necesites.

Esto soluciona el problema. Lo que pasa es que si primero se carga una página larga, luego, al cargar una corta queda debajo el espacio que ha sobrado de la larga... hasta que se hace un refresco de la página contenedora (la que tiene el iframe).
Ver ejemplo en: http://www.promotorasocial.net/espanol/foro.htm

Otra pega es que, por ejemplo, al pasar de una página a otra del foro, la vista se te queda en la parte de abajo de la página, y no en la de arriba, con lo que es posible que te quedes mirando ese espacio que ha sobrado en blanco de la página anterior.

Lo que yo estoy buscando ahora es cómo hacer que esto no suceda, es decir, que se refresque la página principal (la que contiene el iframe) para que vuelva otra vez arriba.

Saludos y enhorabuena por el foro.
________________________

URL: http://www.promotorasocial.net
Plantilla(s) usuada(s): subSilver modificando los colores
MODs instalados: easymod, spamwords, bettercaptcha
Version de phpBB: 2.0.22
Servidor: de pago
Si es una actualizacion desde otra version: actualizado de 2.0.19

[Spiderman3]

No te recomiendo el iFrame, carga el contenido muy lento, te loo digo por experiencia. Tengo un sitio con el foro integrado por iFrame ajustado al ancho y alto. Creo que lo mejor es hacer el index.php de tu foro phpbb como el index de tu pagina web.

[mynameis]

Supongo que te refieres a modificar el header del foro para que tenga un aspecto como el resto de la web.

Esto lo hice con el sistema de noticias (wordpress), y me costó horrores. Es un trabajo de chinos y no conseguí el aspecto final deseado.
He leído al respecto en estos foros y la verdad es que no me siento capaz. hay que modificar muchas plantillas y yo no controlo tanto el código.
Lo que buscaba ahora era una pseudo-integración, y sí que va un poco más lento en cargar, pero no mucho. Solo me falta solucionar el detalle que explico más arriba: que se refresque la página principal (la que contiene el iframe), para que al cambiar de página en el foro vuelva a subir a la parte de arriba.

Gracias y saludos.

______________________
URL: http://www.promotorasocial.net
Plantilla(s) usuada(s): subSilver modificando los colores
MODs instalados: easymod, spamwords, bettercaptcha
Version de phpBB: 2.0.22
Servidor: de pago
Si es una actualizacion desde otra version: actualizado de 2.0.19

[Spiderman3]

Te agradeceria mucho si pudieras compartir el codigo que mencionastepara que cuando se carge el iFrame, la pagina principal se enfoque arriba. Ese es uno de los problemas que tengo con el iFrame.
El otro problema es que quiero que no se pueda acceder al iFrame independientemente de la pagina inicial. Es decir, quiero que solo la pagina a la que le asigno el iFrame pueda acceder a dicho archivo.

[mynameis]

Este código lo que hace es que el iframe no se pueda abrir solo en una ventana, (por ejemplo, si lo encuentran con un buscador) sino que carga la página en la que esta incluído.

<script language="JavaScript">
if (window.top == window.self) {
window.location.href='index.html';
}
</script>

No se si es esto a lo que te refieres.

[Spiderman3]

Muchas gracias. Este codigo lo tenia pero en el index de la pagina principal para quitar la publicidad
Voy a tratar de codificar la solucion al problema de la página principal cuando se carga el iFrame.

[mynameis]

Bueno, creo que ya lo he conseguido....

Con esta tontería la página siempre vuelve arriba:

Código: Seleccionar todo

scrollTo(0,0);

o si quieres

Código: Seleccionar todo

parent.scrollTo(0,0);

Lo he puesto dentro de la función para calcular el 'Height' del iframe y funciona bien, con lo que finalmente queda así:

Código: Seleccionar todo

<script language="JavaScript">
<!--
function calcHeight()
{
  //busca la altura de la página que se carga en el iframe
  var the_height=
    document.getElementById('the_iframe').contentWindow.
      document.body.scrollHeight;

  //cambia la altura del iframe
  document.getElementById('the_iframe').height=
      the_height;

  //se posiciona en la parte de arriba
   scrollTo(0,0);
}
//-->
</script>

y en el iframe:

Código: Seleccionar todo

<iframe width="750" id="the_iframe" 
	onLoad="calcHeight();" 
	src="lapaginadelforo.php" 
	scrolling="no" 
	frameborder="0" 
	height="100%" name="foro" border="0">
</iframe>

Este código funciona en Iexplorer, adaptándo el iframe en cada 'clic'.
En Firefox lo que hace es mantener el iframe en el tamaño más largo conseguido, o sea, que no acaba de funcionar, pero como la página ahora vuelve hacia arriba ya no importa que quede ese 'agujero' porque no queda delante tuyo, sino en la parte de abajo de la página.


Espero que te sirva. Y que no salgas más pegas.... lo averiguaré con el uso.

[Spiderman3]

Muchas gracias. Con el Firefox tiene problemas pero los voy a solucionar y los publico.
¿No habra un truco para darle velocidad?

[mynameis]

Ya te digo, a mí no me va tan lento, solo tarda un poquito más en cargar.
Igual es porque tienes mucho código en la página. Yo solo tengo la cabecera con una imagen, el iframe. A lo mejor si quitas cosas te corre más.

[Spiderman3]

Intentare reducir el contenido grafico pero sin quitarle diseño a la pagina. No me funciono el script:

Código: Seleccionar todo

document.body.scrolltop;

¿Que codigo tengo que usar en una funcion para que el foco de la pagina se diriga hacia un marcador interno de la pagina?
Gracias.

[mynameis]

Pues no tengo ni idea.
Es que yo de código se muy poco, lo de arriba lo he sacado de por ahí y a base de ir probando me ha llegado a funcionar.