Recargar página al recibir el foco

alaintm · #1 (**permalink**) 14/03/2012, 15:47

Saludos a todos.

Estoy teniendo problemas en el desarrollo de un proyecto el cual requiere que se actualice el página cada x segundos pero para no hacerlo de forma excesiva solo debe ocurrir al tener la misma el foco alguna idea al respecto.

Agradezco de antemano su ayuda.

Naahuel · #2 (**permalink**) 14/03/2012, 20:08

Podés intentar una aproximación algo así:

Código HTML:

Ver original<!doctype html>
<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $(window)
                .focus(function(){
                    escribir('Ventana ganó foco');
                })
                .blur(function(){
                    escribir('Ventana perdió foco');
                });
                
                //...
                var log = $('#log');
                function escribir(texto){
                    var p = $('<p />').hide().text(texto);
                    log.append(p);
                    p.fadeIn();
                }
        });
    </script>
    <title>Foco en ventana</title>
</head>
<body>
    <div id="log"></div>
</body>
</html>

Funciona en Chrome, al menos. Pero lo dispara dos veces. No lo analicé demasiado, pero me pareció interesante. Probalo bien a lo mejor sirve.

Buscando más encontré un método que parece interesante: hasFocus(). Parece ser más compatible con otros navegadores y más limpio también.

alaintm · #3 (**permalink**) 15/03/2012, 07:01

Te agradezco la ayuda.