Debe introducir al menos 3 caracteres en el buscador.
Inicio / Wikis / Tutoriales / Completo tutorial de HTML - Frames - Dirigir los enlaces

Completo tutorial de HTML - Frames - Dirigir los enlaces

 ****- (6 opiniones)
GNU Free Documentation License Tutorial de Indaya.com - 11 de Septiembre de 2005
Temas Relacionados: HTMLProgramación web
32. 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.
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:

  1. 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.
  2. 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>
Autor y licencia de 'Completo tutorial de HTML - Frames - Dirigir los enlaces'
Indaya.com Extraído de: http://www.indaya.com GNU Free Documentation License
Licencia GNU Free Documentation License: http://www.gnu.org/copyleft/fdl.html
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.

Wikis relacionados con 'Completo tutorial de HTML - Frames - Dirigir los enlaces'

Este es un curso tremendamente completo, guiado y con ejemplos y prácticas pensadas para convertirlo... Más »
Javascript es un lenguaje de programación utilizado para crear pequeños programitas encargados de realizar acciones... Más »
PHP es uno de los lenguajes de lado servidor más extendidos en la web. Nacido... Más »
Amplio tutorial de Java para empezar a trabajar y ampliar conocimientos de este lenguaje.
Este tutorial presenta los conceptos básicos de líneas de transmisión (Transmission lines), así como una... Más »
¿Estás seguro de que deseas eliminar este capítulo?