Frames – Orientar os links

Explicação sobre como orientar ao frame que desejamos que atualize, que não tem porque ser o mesmo onde está situado.

Por Miguel Angel Alvarez - Tradução de JML


Publicado em: 17/8/04
Valorize este artigo:
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:
  1. 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.
  2. 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
Foram enviados 4 comentários ao artigo
4 comentários não revisados
0 comentários revisados

Usuários :    login / registro

Manuais relacionados
Categorias relacionadas
O autor

Home | Sobre nós | Copyright | Anuncie | Entrar em contato