Em determinadas ocasiões é muito útil abrir um link em uma
janela secundária, ou seja, uma janela a parte que se abre para
mostrar uma informação específica. Algumas vantagens de abrir
um link em uma janela secundária seriam:
*O usuário não sai da página onde estava o link.
*A janela secundária pode ser configurada livremente com o qual podem ser feitas janela
maiores ou menores e com mais ou menos menus.
Em geral, o grau de controle da janela secundária utilizando Javascript aumenta.
Para abrir uma janela secundária podemos fazer de duas maneiras, com HTML e com
Javascript. Vejamos cada uma delas:
Abrir uma janela com HTML
Pode-se conseguir abrir uma janela secundária muito facilmente simplesmente com HTML.
Para isso podemos utilizar o atributo TARGET das etiquetas HREF. Se colocamos
target="_blank" no link, a página se abrirá numa janela secundária. Também podemos colocar
target="xxx" para que o link se apresente na janela chamada xxx ou no frame xxx.
O link teria que ter esta forma:
<a href="minhapagina.html" target="_blank">
O problema de abrir uma página secundária com HTML consiste em que não podemos definir a
forma desta e nem poderemos exercer maior controle sobre ela tal como comentávamos entre
as vantagens de abrir uma janela secundária com Javascript. A janela que se abre sempre será
como o usuário tenha definido por padrão em seu navegador.
Abrir uma janela com Javascript
Para abrir uma janela com Javascript podemos utilizar a sentença window.open(). Não tem
problema se você não conhece Javascript, visto que é muito simples utiliza-lo para este caso.
Veremos passo a passo como abrir uma janela secundária utilizando Javascript.
1. Sentença Javascript para abrir uma janela
A sentença é simplesmente a função window.open(), o mais complicado é saber como utilizar
esta função, mas agora veremos que não requer nenhuma complicação.
A função window.open() recebe três parâmetros, que se colocam dentro dos parênteses, deste
modo:
window.open(URL,nome_da_janela,forma_da_janela) Vejamos rapidamente cada um destes parâmetros separadamente.
URL: representa o URL que desejamos abrir na janela secundária, por exemplo
http://hadesnail.blogspot.com
nome_da_janela: é o nome que se atribui a esta janela para dirigir links com o atributo
target do HTML
forma_da_janela: se indica o aspecto que vai ter a janela secundária. Por exemplo, pode-se
definir sua altura, largura, se têm barras de deslocamento, etc
Vejamos um exemplo de sentença Javascript completa para abrir uma janela secundária:
window.open(http://www.hadesnail.blogspot.com , "Hadesnail" , "width=120,height=300,scrollbars=NO")
Isto quer dizer que abra a página inicial de criarweb.com em uma janela secundária a qual
vamos chamar janela1. Ademais, a janela será de 120 pixels de largura, 300 de altura e não
terá barras de deslocamento.
Um esclarecimento adicional, se depois de abrir essa janela colocarmos outro link na página
que abria a janela cujo atributo target está dirigido para o nome_da_janela (neste caso
janela1), este link será mostrado na janela secundária.
2. Função que Abre a janela
Os mais cômodo para abrir uma janela é colocar uma função Javascript que se encarregue dastarefas de abri-la e que receba por parâmetro a URL que se deseja abrir.
O script é simples, vejamos a seguir:
3. Gerando o link
Este link não deve estar dirigido diretamente à página que quisermos abrir, e sim, à sentençaJavascript necessária para abrir a janela secundária. Para executar uma sentença Javascript
com o clique de um link, fazemos assim:
<a href="javascript:sentença_javascript_para_abrir_a_janela">
No caso do blog
Agora Vejamos como ficaria todo esse link na página.
- Clique Aqui />; Clique neste link para abrir a janela
Resumindo
Para que possamos executar a função, devemos por em algum lugar a Função que abre a janela e logo depois pormos o Link no lugar desejado.
Muito Bom um de meus melhores artigos em breve mais
ResponderExcluir