Evènement à l'affichage de la page [Résolu]

FabaCoeur · 15/12/2010, 22h07

Bonjour,

Je ne parviens pas à trouver la solution Javascript pour capter un évènement de l'affichage de la page. Explications :

J'ai une page qui se rafraîchie automatiquement suivant certain évènements (appels AJAX).
Lors d'un rafraîchissement, je met un "(1)" dans le titre de la page.

En théorie mes utilisateurs étaient sur un autre onglet (faire leur surf quotidien) et reviennent sur ma page quand elle s'est rafraîchie, c'est à dire quand le "(1)" s'affiche. A ce moment là, je voudrais que le titre change et que le "(1)" soit effacé.

Je ne parviens pas à capter l'évènement "L'utilisateur retourne sur l'onglet".
Cela est-il possible ? Puis-je appliquer un "onfocus" sur mon onglet ?

Merci pour vos réponses.

mzwygart · 16/12/2010, 00h32

Hello,
Et si tu détectais le passage de la souris sur n'importe quel élément de la page?
Ce n'est pas exactement ce que tu veux, mais je n'ai pas d'autre idée...

FabaCoeur · 16/12/2010, 09h28

En effet ça pourrait fonctionner.
Je vais essayer cette solution : capter un onmouseover sur la balise body.

En attendant je laisse le topic si jamais vous avez d'autres solutions.

Bovino · 16/12/2010, 10h12

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.onfocus

devrait fonctionner et correspond mieux à priori à ce que tu souhaites.

FabaCoeur · 16/12/2010, 21h35

Impeccable, exactement ce que je voulais.
Le bout de code à mettre entre <head> et </head> :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
 
function testFct() {
	/* ici action à l'ouverture de la page */
}
 
window.onfocus = testFct;
 
</script>

Pour info le chargement de la page ne fait pas d'évènement onfocus.
Pour le premier, il faut utiliser onload.

Merci pour le coup de main !

Bovino · 17/12/2010, 08h01

Citation:

Envoyé par FabaCoeur

Pour info le chargement de la page ne fait pas d'évènement onfocus.

onfocus n'est lancé que quand un objet prend le focus, il n'y a aucune raison qu'une page prenne le focus au moment du load

15/12/2010, 22h07	#1
FabaCoeur Membre actif Inscription : avril 2007 Messages : 427 Détails du profil Informations personnelles : Âge : 24 Informations forums : Inscription : avril 2007 Messages : 427 Points : 182 Points : 182	Evènement à l'affichage de la page Bonjour, Je ne parviens pas à trouver la solution Javascript pour capter un évènement de l'affichage de la page. Explications : J'ai une page qui se rafraîchie automatiquement suivant certain évènements (appels AJAX). Lors d'un rafraîchissement, je met un "(1)" dans le titre de la page. En théorie mes utilisateurs étaient sur un autre onglet (faire leur surf quotidien) et reviennent sur ma page quand elle s'est rafraîchie, c'est à dire quand le "(1)" s'affiche. A ce moment là, je voudrais que le titre change et que le "(1)" soit effacé. Je ne parviens pas à capter l'évènement "L'utilisateur retourne sur l'onglet". Cela est-il possible ? Puis-je appliquer un "onfocus" sur mon onglet ? Merci pour vos réponses.
	00

16/12/2010, 10h12	#4
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 802 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 802 Points : 35 807 Points : 35 807	Code : Sélectionner tout - Visualiser dans une fenêtre à part window.onfocus devrait fonctionner et correspond mieux à priori à ce que tu souhaites. __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	10

16/12/2010, 00h32	#2
mzwygart Invité régulier Mathieu Zwygart Inscription : août 2010 Messages : 8 Détails du profil Informations personnelles : Nom : Mathieu Zwygart Localisation : Suisse Informations forums : Inscription : août 2010 Messages : 8 Points : 5 Points : 5	Hello, Et si tu détectais le passage de la souris sur n'importe quel élément de la page? Ce n'est pas exactement ce que tu veux, mais je n'ai pas d'autre idée...
	00

16/12/2010, 09h28	#3
FabaCoeur Membre actif Inscription : avril 2007 Messages : 427 Détails du profil Informations personnelles : Âge : 24 Informations forums : Inscription : avril 2007 Messages : 427 Points : 182 Points : 182	En effet ça pourrait fonctionner. Je vais essayer cette solution : capter un onmouseover sur la balise body. En attendant je laisse le topic si jamais vous avez d'autres solutions.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email