Détecter si l'utilisateur est sur notre fenêtre

Sarc · 18 Avril 2010

Salut à tous !

Quasiment tout est dans le titre. J'aimerais savoir si l'utilisateur a l'onglet de mon site ouvert, ou si l'onglet n'est pas en premier plan. En gros, le plan, c'est de faire clignoter le title dans certaines conditions quand l'utilisateur n'est pas sur l'onglet en avant-plan, et d'arrêter le clignotement si jamais il clique sur l'onglet.

Mais je ne sais pas comment détecter où est l'utilisateur...

Merci d'avance si vous avez des pistes

paolodelmare · 18 Avril 2010

J'ai ce vieux bout de code. C'est super pourri, mais ça fonctionne et ça donne le principe.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Clignote pas</title>
<script type="text/javascript">
// <![CDATA[
var lostFocus = false;
var myTimer =0;
var myTitle = function(){
if(lostFocus){
document.title = (!document.title || document.title == '* Alerte ! *')? 'Alerte !  ': '* Alerte !  *';
var myTimer = window.setTimeout("blinkTitle()", 200);
}
}
var clearBlink = function(){
if(myTimer){
window.clearTimeout(myTimer);
}
document.title = 'Clignote';
lostFocus=false;
}
// ]]>
</script>
</head>
<body onload="window.setTimeout(myTitle, 2000);" onfocus="clearBlink();" onblur="lostFocus=true;">
<div id="timer">Hello world !</div>
</body>
</html>

Sarc · 20 Avril 2010

Merci pour ton code. Je vais essayer d'analyser comment il marche, plus en profondeur, et surtout pour l'adapter correctement à Jquery.

Pour l'instant, tous les tests que j'ai effectué buguent : la perte de focus et la fonction focus ne semblent pas bien marcher... Ou alors il y a un autre souci. Je vais voir ! Sur Gmail et Facebook, ça marche plutôt très bien. J'espère arriver au même résultat...

Connexion

Détecter si l'utilisateur est sur notre fenêtre

Sujets conseillés

Sarc

paolodelmare

Sarc

Veuillez vous connecter pour commenter

Parcourir

Activité