Sonido
CSS
Dreamweaver
Ridiculeces
Artículos
Site Check
JavaScript


 


Aviso:
Me he trasladado a:
http://www.tecnorama.org
(con algunos de estos contenidos y otros nuevos)

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)