Discussion :

[Damien062]

Bonjour à tous,

je rencontre actuellement un souci sur ma redirection de page pour inactivité. En effet, j'aimerais qu'une redirection soit effectuée vers mon index.html lorsque l'utilisateur reste inactif après 1 minute environ mais mon souci c'est que la redirection se fait automatiquement si je bouge mon curseur dans le corps de la page mais lorsque je bouge mon curseur que dans l'iframe, le script ne fonctionne pas.

Pouvez vous m'aider svp.

Voici le code de mon iframe (scripts compris)

Code :

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

<iframe name="iframe_nav" src="map.html" width="1280" height="750" frameborder="0" scrolling="yes"></iframe>

et mon script

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
  <script type="text/javascript">
var chrono;
function startTimer()
{
	// le second paramètre de la fonction setTimeout() est en millisecondes
	// 3min = 3*60*10 ms
	// la fonction redirection() sera exécutée dans 3 min
	// on récupère l'identifiant du timer dans chrono
	chrono = setTimeout("redirection()",2400);	
 
}	
// remise à 0 du timer avec pour identifiiant le contenu de chrono, s'il y a eu un mouvement dans la page 
// [évenement onmousemove()]
// puis redémarrage du timer en appelant la fonction startTimer()
function resetTimer()
{
	clearTimeout(chrono);
	startTimer();
}
 
// fonction appelée après 3 minutes d'inactivité de la souris (pas de mouvement dans la page)
function redirection()
{
	// redirection vers le site www.developpez.net
	document.location.href = "http://www.google.fr";	
}
 
 
</script>

la suite (à la fin de l'html)

Code :

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

1
2
3
4
5
6
7
 <script type="text/javascript">
	  document.onmousemove = function(){
  clearTimeout(chrono);
  startTimer();
}
startTimer();
</script>

[Watilin]

Bonjour,

réflexion presque idéologique : c'est un choix biaisé que de prendre Google comme « emplacement par défaut ». Tout le monde n'a pas Google en page d'accueil. Le mieux serait de rediriger le visiteur vers about:home mais je ne suis pas sûr que tous les navigateurs le permettent. Rediriger vers la page d'accueil de ton site me paraît déjà une meilleure idée.

Une erreur d'unité dans ton code :

Code :

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

// 3min = 3*60*10 ms

10 ms = 1 centième de seconde. Le calcul correct est :

Code :

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

// 3min = 3*60*1000 ms = 240000

En l'état, ton script redirige au bout de 2.4 secondes.

Autre chose, c'est déconseillé de passer une chaîne à setTimeout. Ça appelle eval en interne, ce qui amène à des erreurs difficiles à déceler (par exemple si tu utilises this dans ta fonction), un obstacle pour le compilateur à la volée (l'instruction ne peut pas être optimisée avant son exécution), et un problème de sécurité bien connu. Passe une référence directe à ta fonction :

Code :

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

setTimeout(redirection, 240000);

Ou bien une fonction anonyme :

Code :

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

1
2
3
setTimeout(function() {
   redirection();
}, 240000);

Maintenant je rentre dans le vrai cœur de ton problème : l'iframe et la page autour ont chacune leur propre contexte d'exécution JavaScript, avec leur propre arbre DOM, leurs propres évènements, etc. Un évènement mousemove de l'iframe ne remonte pas dans la fenêtre parente. Dans ton iframe, tu dois appeler la fonction resetTimer de la fenêtre parent en passant par parent ou top :

Code :

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

1
2
3
4
// code de l'iframe
document.onmousemove = function() {
   parent.resetTimer();
};

[adam CEDRIC]

merci infiniment Watilin . j'ai appris beaucoup de chose te ton post.
Gratitude

[Watilin]

De rien

[Damien062]

Merci en retard pour ta réponse Watilin, bonne journée