Fórum

[zecarlos]

Olá,
gostaria de saber qual a melhor forma para abrir um popup em Javascript, quando clicamos num link.

O objectivo é utilizar o window.open da melhor forma.

Já tentei algumas maneiras mas no final obtenho um erro javascript.

[ndocosta]

A melhor forma de abrir um popup window com javascript é a seguintes:

<a href=”/popup.htm” target=”_blank” onClick=”window.open(this.href, this.target, ‘width=600,height=350‘); return false;”>Abrir</a>

Desta forma, vamos abrir uma janela popup com a página passada no href, e com uma dimensão de 600px x 350px.

Se o utilizador não tiver o javascript activo, a página é aberta numa nova janela, de acordo com o target _blank.

Este método tem também a vantagem dos utilizadores conseguirem ver o link da página de popup, antes de clicarem, sendo muito mais transparente para o utilizador o sítio para onde vai navegar.

Desta forma os motores de busca também conseguem indexar a página de popup, pois o seu url está no href do link.

Concluindo, esta é a forma correcta de abrir um popup em javascript. De seguida deixo-vos só com alguma propriedades que podem ser passadas no window.open:

- status - A status bar aparece na janela de popup.
- toolbar - Aparece a barra de ferramentas com os botões voltar e avançar na janela de popup.
- menubar - Mostra a barra de menu da janela de popup.
- resizable - Permite que o utilizador redimensione a janela de popup.
- scrollbars - Coloca scrollbars na janela de popup.
- height - Altura da janela de popup em pixels.
- width - Largura da janela de popup em pixels.


Estas propriedades devem ser colocadas depois do width e height, também separados por virgula, e o seu valor deve ser 1 ou 0 para verdadeiro ou falso.