Frames, Dirigir los enlaces La única
particularidad destacable en el ejemplo del capítulo anterior, y en el manejo de frames en
general, se trata de que cada uno de los enlaces que colocamos en las páginas
actualizan el frame donde está colocado este enlace. Por ejemplo, si tenemos
enlaces en la parte inferior de la ventana, en el espacio correspondiente al
tercer marco, actualizarán los contenidos del tercer frame, que es donde están
situados los enlaces.
Este efecto que comentamos se puede observar en el
ejemplo de la página de la carnicería, tal como quedaría al
incluir los códigos de las distintas páginas.
Lo lógico es que al pulsar
sobre un enlace de la barra de navegación actualicemos el frame principal, que
es donde habíamos planeado colocar los contenidos, en lugar del frame donde
colocamos la barra de navegación, que debería mantenerse fija. Para conseguir
este efecto debemos hacer un par de cosas:
- Darle un nombre al frame que deseamos actualizar
Dicho nombre se
indica en la etiqueta <FRAME> de la definición de frames. Para ello
utilizamos el atributo name, igualado al nombre que le queremos dar a dicho
marco.
- Dirigir los enlaces hacia ese frame
Para ello debemos colocar en
el atributo target de los enlaces -etiqueta <A>- el nombre del frame que
deseamos actualizar al pulsar el enlace. Después de darle un nombre al
frame principal, nuestra declaración de frames quedaría de la siguiente manera.
<frameset rows="15%,*,75"> <frame
src="pagina1.html"> <frame src="pagina2.html"
name="principal"> <frame src="pagina3.html">
</frameset>
Además, deberíamos colocar el atributo target a
los enlaces, tal como sigue.
<a href="pagina2.html"
target="principal">Portada</a> | <a href="productos.html"
target="principal">Productos</a> | <a href="contacto.html"
target="principal">Contacto</a>
Una vez realizados este par de
cambios podemos ver como los enlaces de la barra de navegación sí actualizan la
página que deben.
Valores para el atributo target
Como hemos visto, con el atributo target de la etiqueta <A> podemos
indicar el nombre del frame que deseamos que actualice ese enlace. Sin embargo,
no es este el único valor que podemos aplicarle al atributo. Tenemos algunos
valores adicionales que podemos asignar a cualquier enlace en general.
_blank Para hacer que ese enlace se abra en una ventana a parte.
Nuestros ejemplos en este manual se suelen abrir en una ventana a parte,
colocando este valor en el target de los enlaces que llevan a los ejemplos.
_self Se actualiza el frame donde está situado el enlace. Es el
valor por defecto.
_parent El enlace se actualiza sobre su padre o sobre la ventana
que estamos trabajando, si es que no hay un padre.
_top La página se carga a pantalla completa, es decir, eliminando
todos los frames que pudiera haber. Este atributo es muy importante porque si
colocamos en nuestra página con frames un enlace a una página externa, se
abriría en uno de los frames y se mantendrían visibles otros frames de la
página, haciendo un efecto que suele ser poco agradable, porque parece que están
evitando que nos escapemos.
La sintaxis de uno de estos valores de atributos colocados en un enlace sería
la siguiente.
<A href="http://www.guiarte.com" target="_top">Acceder a
guiarte.com</A>
|