Frames – Orientar os links
A única particularidade destacável no
exemplo do capítulo anterior, no manejo de frames em geral, trata-se de que
cada um dos links que colocamos nas páginas atualizam o frame onde está colocado este link. Por exemplo, se temos link na parte inferior da janela, no espaço correspondente a terceira janela, atualizarão os conteúdos do terceiro frame, que é onde estão situados os links.
Este efeito que comentamos pode-se observar no
exemplo da página do açougue, tal como ficaria ao incluir os códigos das distintas páginas.
O lógico é que ao clicar sobre um link da barra de navegação atualizamos o frame principal, que é onde havíamos planejado colocar os conteúdos, no lugar do frame onde colocamos a barra de navegação, que deveria se manter fixa. Para conseguir este efeito devemos fazer duas coisas:
- Dar um nome ao frame que desejamos atualizar
Tal nome se indica na etiqueta <FRAME> da definição de frames. Para isso utilizamos o atributo name, igualado ao nome que queremos dar a tal janela.
- Orientar os links para esse frame
Para isso devemos colocar no atributo target dos links -etiqueta <A>- o nome do frame que desejamos atualizar ao clicar o link.
Depois de dar um nome ao frame principal, nossa declaração de frames ficaria da seguinte maneira.
<frameset rows="15%,*,75">
<frame src="pagina1.html">
<frame src="pagina2.html" name="principal">
<frame src="pagina3.html">
</frameset>
Ademais, deveríamos colocar o atributo target aos links, tal como se segue.
<a href="pagina2.html" target="principal">Portal</a> |
<a href="produtos.html" target="principal">Produtos</a> |
<a href="contato.html" target="principal">Contato</a>
Uma vez realizados estas duas mudanças podemos
ver como os links da barra de navegação sim que atualizam a página que devem.
Valores para o atributo target
Como vimos, com o atributo target da etiqueta <A> podemos indicar o nome do frame que desejamos que atualize esse link. Entretanto, este não é o único valor que podemos aplicar ao atributo. Temos alguns valores adicionais que podemos atribuir a qualquer link em geral.
_blank
Para fazer com que esse link se abra em uma janela a parte. Nossos exemplos neste manual costumam abrir em uma janela a parte, colocando este valor no target dos links que levam aos exemplos.
_self
Atualiza o frame onde está situado o link. É o valor por padrão.
_parent
O link se atualiza sobre seu pai ou sobre a janela que estamos trabalhando, se não tiver um pai.
_top
A página carrega a tela completa, ou seja, eliminando todos os frames que pudesse haver. Este atributo é muito importante porque se colocamos em nossa página com frames um link a uma página externa, se abriria em um dos frames e se manteriam visíveis outros frames da página, fazendo um efeito que costuma ser pouco agradável, porque parece que estão evitando que nos escapemos.
A sintaxe de um desses valores de atributos colocados em um link seria a seguinte:
<A href="http://www.criarweb.com" target="_top">Acessar a criarweb.com</A>
Comentários do artigo