Animer un onglet si inactif

Bonjour,

je cherche un moyen d'animer l'onglet de mon site quand le visiteur est sur un autre onglet et changer le favicone du site quand c'est le cas.

Exemple :

Le visiteur 1 visite un autre onglet, il reçoit une notification de déconnexion suite à son inactivité.
Je souhaiterais que l'onglet de mon site clignote (j'ai vu cela sur plusieurs site) et qu'une image d'enveloppe animée se mette comme favicone avec le nombre de notification non lu reçu.

Pourriez-vous m'expliquer le chemin à suivre?


Merci d'avance :)

Bonjour,

Il te faut utiliser l'API Page Visibility pour détecter si l'utilisateur a changé d'onglet, a réduit la fenêtre...

Concernant le favicon, je te conseille de jeter un oeil à ce script : favico.js. Il te permet de changer de favicon, ajouter des badges (pour ton nombre de messages non lus), etc. Je l'ai déjà utilisé pour un projet et ça fonctionne bien.

Bonjour,

merci pour ta réponse :)

pour le favicon.js, j'arrive a cette page : https://github.com/ejci/favico.js comment dois-je inclure le script et quel page dois-je télécharger?

Merci encore pour ton aide qui m'est vraiment très utile :)

Salut,

Tu peux télécharger le .zip contenant tous les fichiers du répertoire github à droite de la page github, sachant que seul favico.js t'intéresse.
Place le .js vers tes autres scripts et intègre le à ta page web.
Crée ensuite :

Code:

---

1 2 3

var favicon=new Favico({   });

---

Et mets les options qui t'intéressent (que tu trouveras sur la page web de favico.js).