ansaurus

Question

How can I detect the user has clicked on the Page Tab where my html page is?

Answer 1

A:

taken from: http://bob.pythonmac.org/archives/2010/04/25/tab-visible-event/

var timer = null;
function tabVisible() {
    if (timer) clearInterval(timer);
    timer = null;
    window.onfocus = null;
    window.onmouseover = null;
    /* your code to dispatch event here */
}
// Firefox, IE8
window.onfocus = tabVisible;
// Safari
window.onmouseover = tabVisible;
// dirty hack for Chrome
if (navigator.userAgent.indexOf(' Chrome/') != -1) {
    function dirtyChromePoll() {
        if (window.screenX || window.screenY) tabVisible();
    }
    timer = setInterval(dirtyChromePoll, 100);
}

If it doesn't work with your addEvent, you might want to try jQuery (see http://stackoverflow.com/questions/1038643/event-for-when-user-switches-browser-tabs)

$(window).blur(function(e) {
    // Do Blur Actions Here
});
$(window).focus(function(e) {
    // Do Focus Actions Here
});

BGerrissen 2010-08-11 21:30:34

Answer 2

A:

I've found this code that works for IE6, 7,8 and firefox and no not need Jquery.

function onBlur() {
document.body.className = 'blurred';

}; function onFocus(){ document.body.className = 'focused'; };

if (/*@cc_on!@*/false) { // check for Internet Explorer document.onfocusin = onFocus; document.onfocusout = onBlur; } else { window.onfocus = onFocus; window.onblur = onBlur; }

source

Francisco Campos 2010-08-12 08:30:32

hi. thanks for the code. works in firefox but it didn't work in IE 8.

Francisco Campos 2010-08-12 08:31:09

ansaurus

tags:

views:

answers:

How can I detect the user has clicked on the Page Tab where my html page is?

related questions