2

Como dar o foco em um pop-up de 1 em 1 minuto? Lembrando que o pop-up está minimizado e eu quero deixar ele "em evidência" na tela do usuário.

1
  • até aonde eu sei o único jeito de ganhar foco para uma janela é dando um alert() Commented 20/02/2014 às 14:13

2 Respostas 2

6

A forma de se fazer isso é com a função focus do objeto window retornado pela abertura da janela.

Por exemplo:

var janela = window.open('http://www.google.com.br');
setInterval(function() { 
    janela.focus();
}, 60000);

O problema é que isso parece não funcionar em vários navegadores, afinal eles querem evitar que scripts maliciosos fixem o foco do usuário numa determinada janela, tal como uma propaganda, por exemplo.

Testes realizados:

  • Chrome: não funcionou (sem erros)
  • Firefox: não funcionou (sem erros) e a popup abriu uma nova aba
  • Internet Explorer: funcionou

Portanto, minha sugestão é evitar o uso de popup. Primeiro porque muitas vezes isso é uma tentativa de replicar funcionalidades de programas desktop em aplicações web. Segundo porque sempre vejo isso causando muitos efeitos colaterais e esbarrando em várias limitações, como o caso do Firefox, que abriu a popup numa nova aba.

Pense em uma solução alternativa, como as notificações aqui do StackOverflow ou do Facebook, por exemplo.


Update

Testei uma alternativa, reabrindo a popup no intervalo determinado:

setInterval(function() { 
    window.open('http://www.google.com.br', 'minha_janela').focus();
}, 60000);

Entretanto, o resultado é o mesmo nos diversos navegadores, isto é, apenas o IE dá o foco de volta à popup. A diferença é que a página é atualizada a cada abertura e, se a popup tiver sido fechada, ela é reaberta.

7
  • 2
    O IE, como sempre, liderando os navegadores. Que tal dar uma de ThePirateBay? onclick=function(){/* o código acima*/; onclick=null}; (dica: não faça isso) Commented 20/02/2014 às 14:10
  • 1
    Falando sério agora: que tal usar a API de notificações e em navegadores antigos usar os popups? Commented 20/02/2014 às 14:13
  • @GustavoRodrigues Eu testei essa API como descrito aqui e não consegui exibir notificações. Sempre pede a permissão novamente. Também teste como nesta questão do SOEN e o resultado foi o mesmo. Iria editar a questão com essa alternativa, mas por enquanto nada feito. Quem sabe se tiver tempo livre faço outros testes. Se quiser arriscar adicionar uma resposta com um exemplo funcional terá meu upvote garantido.
    – utluiz
    Commented 20/02/2014 às 15:30
  • O código dessa questão é para webkit, estou testando ele aqui e está funcionando. JSFiddle Commented 20/02/2014 às 16:03
  • 1
    @LuizVieira Realmente, mas é bom considerar que isso ñao funciona em browsers antigos e ambientes restritos (como o meu). Como mencionei, as notificações não aparecem no Windows XP aqui do meu trabalho.
    – utluiz
    Commented 20/02/2014 às 20:05
2
var p = window.open("about:blank", "_blank", "width=610,height=610");
p.location = "http://www.google.com.br";

setInterval(function(){
    p.focus();
}, 60000);

Faça a chamada de var p antes de qualquer outra coisa em sua rotina para evitar que caia no bloqueador de pop-up.

2
  • 1
    Na verdade geralmente ela só não cai no bloqueador se o window.open for chamado por decorrência direta de uma ação do usuário: um evento de clique, keydown ou outros. Commented 20/02/2014 às 14:06
  • @GustavoRodrigues exatamente, por isso eu prefiro sempre fazer dessa forma. Quis dar ênfase ao método location justamente por isso! Commented 20/02/2014 às 14:08

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .