iFrames “camuflados”

Comparte esta nota 07.10.04

Después de algunas pruebas durante el día de ayer, finalmente conseguimos encontrar una solución que consiste en usar iframes, pero camuflandolos como si todo el contenido estuviera en una sóla página.

Esta técnica ofrece la ventaja de poder saltar de páginas normales a páginas con frames sin que tengamos que hace cambios serios en el diseño y ofrecer de esta manera un sitio mucho más consistente, al menos en terminos visuales.

Aquí podéis ver como se ve (no hemos cuidado mucho el código en esta versión, no me sean muy críticos.)

La única complicación existente es la de que los iframes no son capaces de dimensionarse automáticamente (height) en función del contenido que haya en su interior. Eso hemos conseguido corregirlo con un pequeño script que encontramos en Dyn Web.

Aprovechamos para aclarar que si hemos tenido que recurrir a estás técnicas prehistóricas es porque no teníamos más remedio y bueno, si alguien se encuentra en la misma situación en un futuro tal esta técnica le resulte de utilidad.

Finalmente agradecemos mucho el feedback casi inmediato que recibimos ayer, asi da gusto. A partir de ahora tenemos claro que en caso de tener dudas, no tenemos que sentir vergüenza por pedir ayuda y además queda comprobado que puede ser una forma de apreder más y más…

17 comentarios

DarkSoldier

07.10.04

Hombre, yo no ayude porke no sabia pero k menos si haceis tutoriales casi semanales con cosas :P

luman

07.10.04

En http://www.toomeeting.com tengo unos iframes colocados en la portada para el bloque ese de noticias, y si luego te das una vueltita por cualquier sección (TooMeeting Conferece) el contenido del centro tb es un iframe. Se monto asi por la sencilla razón de que el jefe no quería que cada vez que se clicara en un enlace se recargara toda la página. Aunque está el problema de la indexación, etc, etc… El usuario, al menos, no se da cuenta de nada, y se vé bien en todos (no lo digo muy alto esto) los navegadores.

luman

07.10.04

Ah! Y se me olvidaba, el bloque que se ve a la derecha (Funcionalidad / Datos tecnicos) tb es un iframe. Estamos invadidos.

Walter

07.10.04

DarkSoldier, como siempre, haremos tanto cuanto podamos :)

Luman, la diferencia de esta técnica con respecto a lo que tenéis vosotros es que vosotros usáis altos fijos para los iframes, y aquí, los height son dinámicos, es decir, se ajustan al contenido que haya en el interior.

sosa

07.10.04

imagino que si usas frames pero no quieres que parezcan frames lo haces por la funcionalidad que ofrecen (siendo la principal recargar ciertos contenidos sin cargar toda la pagina) te comento que hace tiempo leí por ahí que hay alguna tecnología que puede hacer precisamente eso y es la que usa GMail… ahorita no recuerdo donde lo vi, pero igual una googleada revela si estaba delirando o es cierto.

Walter

07.10.04

No puedo revelar detalles por ahora, pero necesito cargar páginas estáticas en una zona dinámica de un sitio y esta es una solución muy sencilla.

DarkSoldier

07.10.04

Pues luego no te sorprendas si tambien tratamos de ayudarte jeje xD

Alex Nin

09.10.04

Walter, sería interesantísima una nota o “algo” acerca de la técnica que utilizan en GMail ya que es impresionante la velocidad con la que carga todo, primero pensé que era un truquito de CSS, pero parece que no, cierto?

InformaticaPublica.com

13.10.04

I que pasa con los estandares W3C?

Walter

13.10.04

¿Quién pregunta?

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.informaticapublica.com%2F

Al principio de la anotación aclaramos que no hemos optimizado el código, pero siempre tiene que venir alguien con la boca grande.

InformàticaPublica.com

12.11.04

Perdona si te has sentido ofendido por la pregunta, com se desprende de tu contestación airada.

No era referente a la obsesión que muchos padeceis por la VALIDACIÓN de còdigo, sinò al echo del vago reconocimiento de la etiqueta _iframe_ por parte del W3C, entre otras cosas por el problema que supone en cuanto a estàndares de accesibilidad.

Recibe un cordial saludo, y felicitaciones por tu pàgina que leemos asiduamente.

Rage

26.11.04

El codigo de gmail esta muy bien, carga impresionantemente rapido.Si algun dia poneis como esta echo no dudeis en avisar ;)

Terry

12.10.05

Quisiera saber si se puede hacer un que un enlace se direccione aun iframe que este se actualize en la pagina o como hago algo asi

Luis Enrique Velarde Ontiveros

15.12.05

Creo que es una herramienta muy buena y util, tiene ventajas en los frames por ejemplo sobre los menus desplegables de flash ya que aparecian ocultos cuando se terminaba el espacio de uno de los frames. Sin embargo el unico problema es que no se mucho sobre iframes y la información que encuentro es algo repetitiva, y yo quisiera saber como hacer para redireccionar un URL de un iframe sin tener que recurrir a JavaScript que es la unica salida que le estoy viendo por el momento ya que no veo la forma de redireccionar. Si pueden decirme algo se los agradeceria mucho por que deseo hacer cambios en mis paginas.

Anonymous

14.02.06

F

f

08.05.06

gfgfdgg

Dosky

20.01.09

Tengo un problema!! tengo un blog y kiero meterle mi radio pero… es de listen2myradio y no lo abre… asi ke me sugirieron que use un iframe para la redireccion de seguridad del listen2myradio
Pero kuando pongo la direccion de la pagina de radio en mi blog en el iframe la redireccion manda mi blog a la de radio!! me xplikO?
la pregunta es no habra un comando para ke el iframe redireccione en su mismo campo sin alterar lo principal!?

Cerrar
Compartir con un amigo