Testando se uma janela foi aberta e se foi fechada

Salve, salve comunidade!

Acompanhe comigo a seguinte situação: Você está desenvolvendo um sistema web que abre uma janela em algum momento e não deseja que o usuário, ao clicar novamente no botão, recarregue aquela janela aberta.

Então, com o seguinte código podemos criar esta situação onde caso usuário clique novamente no link que abre a janela, o sistema não irá permitir que ela seja re-aberta. Evitando assim consumo excessivo de tráfego.

Tomei a liberdade de comentar os pontos principais do código, espero que entendam:

<script language="javascript" type="text/javascript">

var janela = null;

function AbreJanela()
{
// verifica se a janela está aberta
if(janela != null && !janela.closed)
{
// caso esteja aberta, mostra um aviso
alert('A janela já está aberta');
}
else if(janela != null && janela.closed)
{
// se a janela foi fechada, limpo a variavel janela para permitir que ela seja re-aberta
alert('A janela foi fechada e agora poderá ser aberta');
janela = null;
}

// só abre a janela se a variavel 'janela' é nula
if(janela == null)
{
janela = window.open("http://www.codigofonte.net", "janela", "top=10, left=10");
}
}

</script>

Veja que neste código há uma outra condição if(janela != null && janela.closed) que faz um teste e verifica se a janela foi aberta mas o usuário a fechou. Se não colocarmos este trecho de código, o sistema nunca mais (até que a página seja recarregada) irá permitir que a janela seja aberta e este não é o nosso caso, não é?

Pronto. Agora você poderão fazer testes quando utiliza popups em seu site.

Até a próxima.

Enviar um Artigo