Cómo abrir dos frames sin utilizar JavaScript:
Ver
demo | Bajar
archivos de la demo
Este sistema permite abrir 2 frames a la vez
sin necesidad de utilizar JavaScript, aunque a cambio deberemos
crear varios framesets.
La idea es que dentro de un frame puede cargar
otro frameset, que será el que tenga los 2 frames. Algo
obvio, pero de lo que mucha gente no se da cuenta...
El truco consiste en:
crear un frameset principal, llamado index.html,
con 2 frames:
"arriba", que carga el archivo "arriba.html"
y que contiene la barra de navegación principal
"abajo", que carga al principio el archivo "vacio.html"
y que posteriormente irá cargando el resto de framesets
que vayamos creando.
A continuación crearemos los framesets
secundarios, que siempre seguirán estos pasos (en este
caso para el color rojo):
En el frame izquierdo, cargaremos "izq_rojo.html", que
es la barra de navegación para el color rojo.
En el frame "dcho", iremos cargando las páginas
con distintos tonos del color, que llevan los nombres "dcho_rojo1.html",
"dcho_rojo2.html" y "dcho_rojo3.html" respectivamente
e iremos guardando los framesets.
Estos framesets quedarán
así:
rojo.html: izq_rojo.html / dcho_rojo.html
rojo2.html: izq_rojo.html / dcho_rojo2.html
rojo3.html: izq_rojo.html / dcho_rojo3.html
Así, podremos desde la barra de navegación
principal (la que se encuentra en la parte de arriba de "index.html")
llamar a los distintos framesets, cargando cada uno de ellos con
un color diferente para el frame derecho.
El trabajo de estos framesets secundarios puede
parecer costoso, pero con Dreamweaver este trabajo se agiliza enormemente:
simplemente seguiremos estoos pasos:
1.- Crearemos el primero de los framesets (modify > Framesets
> split frame right)
2.- Lo guardaremos como rojo.html (File > save Frameset). Este
paso tiene como fin que cuando carguemos las páginas en los
frames no nos cree una ruta absoluta.
3.- Cargamos en el frame izquierdo el archivo izq_rojo.html (File
> Open in frame...)
4.- Cargamos en el frame derecho el archivo "dcho_rojo.html"
(File > Open in frame...)
5.- Volvemos a guardar el frameset (File > Save Frameset)
6.- Cargamos en el frame derecho el archivo dcho_rojo2.html"
(File > Open in frame...)
7.- Guardamos el frameset con el nombre "rojo2.html" (File
> Save Frameset as...)
8.- Cargamos en el frame derecho el archivo "dcho_rojo3.html"
(File > Open in Frame...)
9.- Guardamos el frameset con el nombre "rojo3.html" (File
> Save Frameset as...)
y ya tenemos los 3 framesets creados. Luego los
podremos llamar desde el frame de navegación principal y
parecerá que se van modificando "al vuelo"
Como experimento final, aprovecharemos para ver la diferencia
entre los targets "_top" y "_parent", que
en nuestro caso servirán para abrir en el frame "abajo"
nuevos colores desde el frame izquierdo o a pantalla completa:
El target "_parent" siempre apunta al frameset en el
que se incluye el frame y no al documento completo: esto nos
permite trabajar sólamente en el frameset secundario que
se abre en la parte inferior.
En cambio, "_top" apunta al documento completo,
por lo que el enlace cargará en el conjunto del documento.
este diferencia sólo es visible cuando se
trabaja con frames anidados, ya que en caso contrario, "_parent"
y "_top" no presentan diferencias.
(alguno se va a reir de lo sencillo de este tutorial)
|