Aller au contenu

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


Sarc

Sujets conseillés

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 ;)

Lien vers le commentaire
Partager sur d’autres sites

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>

Lien vers le commentaire
Partager sur d’autres sites

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...

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...