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:

  1. <script language=”javascript” type=”text/javascript”>
  3. var janela = null;
  5. function AbreJanela()
  6. {
  7. // verifica se a janela está aberta
  8. if(janela != null && !janela.closed)
  9. {
  10. // caso esteja aberta, mostra um aviso
  11. alert(‘A janela já está aberta’);
  12. }
  13. else if(janela != null && janela.closed)
  14. {
  15. // se a janela foi fechada, limpo a variavel janela para permitir que ela seja re-aberta
  16. alert(‘A janela foi fechada e agora poderá ser aberta’);
  17. janela = null;
  18. }
  20. // só abre a janela se a variavel ‘janela’ é nula
  21. if(janela == null)
  22. {
  23. janela = window.open(“http://www.codigofonte.net”, “janela”, “top=10, left=10”);
  24. }
  25. }
  27. </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.

 

Fonte: https://www.codigofonte.net