HTMLpointHTMLpoint HTMLpoint.com


 Cargar 2 marcos con un clic 2/2

  número 03 del 18 enero 1999

index.html

Éste es un simple file .html que determina la estructura del marco dentro del documento. No debe insertarse ningún código javascript ni sintaxis particulares.


Como se puede ver, la estructura prevé el empleo de tres file .htm. Debe prestarse mucha atención al parámetro "name" de cada marco: name="sinistra" name="alto" name="centrale" Estos nombres son fundamentales para el correcto funcionamiento del script y para la impostación del mismo dentro de otros file.
Recuérdalo para el paso sucesivo.


sx.htm

En pocas palabras, éste el el único file que se debe modificar y al cual se debe añadir sintaxis Javascript. Se trata del marco amarillo de la izquierda dentro del cual se insertan los enlaces que modificarán simultáneamente los dos marcos de la derecha ("alto" y "centrale"). Antes de nada, impostamos la sintaxis Javascript dentro de las marcas <HEAD>:


La primera función establece que haciendo clic en el enlace se carguen los marcos de esta manera:

parent.alto.location.href="centrale.htm"

Es decir, el file denominado "centrale.htm" se cargará en el marco denominado "alto" e

parent.centrale.location.href="alto.htm"

el file "alto.htm", a su vez, se cargará en el marco denominado "centrale"

De esta manera se obtendrá un intercambio de posiciones. El marco de color negro, que antes estaba arriba, ahora está abajo, y viceversa por lo que respecta al marco de color blanco.
Obviamente el marco izquierdo de color amarillo contiene los enlaces y permanece fijo.

La segunda función no hace sino devolver la posición original:

parent.alto.location.href="alto.htm" Es decir, el file denominado "alto.htm" se carga en el marco denominado "alto", y:

parent.centrale.location.href="centrale.htm"

el file "centrale.htm" se carga en el marco denominado "centrale".

Para añadir otros enlaces basta crear otras tantas funciones con numeración progresiva. He aquí un ejemplo:

Ahora tenemos que insertar las referencias a la sintaxis impostada dentro de los enlaces. Esto se hace de un modo muy simple:

Así pues, a cada enlace se le asigna una función que carga marcos diferentes según cómo se hayan impostado precedentemente. En nuestro ejemplo, haciendo clic en el primero de los dos enlaces se invoca la función:

if (nr==1){
parent.alto.location.href="centrale.htm"
parent.centrale.location.href="alto.htm"


Los file "alto.htm" y "centrale.htm" no precisan ningún tipo de modificación..


  Vuelve a principio de página