Détecter chaque bouton appuyé+temporisation

Version imprimable

Bonjour,
j'ai une page de formulaire qui lance une page de pub au bout de 5 secondes si l'utilisateur ne fait rien, mais s'il est en train de saisir des informations dans le formulaire le décompte doit se remettre à zéro, donc j'aimerais qu'à chaque fois que l'utilisateur appuie sur un bouton du clavier il se passe 5 secondes avant le lancement de la page de pub.
Voici mon code :

le javascript :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 var timer; function pub() { timer = setTimeout("affichePub()",5000); document.onkeypress = changetemps; } function changetemps() { timer = setTimeout("affichePub()",5000); } function affichePub() { location.href='pub.html'; }
et le html :
Code:

1 2 3 4 5 6 7 8 <body onload="javascript:pub();"> <form method="POST" action="connexion.php"> <input type="text" name="login"/> <input type="text" name="mdp"/> <input type="submit" value="Se connecter" name="seco"/> </form> </body>

hello !

Dans ton HTML tu peus enlever: "onload="javascript:pub();""
On obtient donc:

Code:

1
2
3
4
5
6
7
8
 
 <body onload="pub();">   
         <form method="POST" action="connexion.php">   
              <input type="text" name="login"/>   
              <input type="text" name="mdp"/>   
              <input type="submit" value="Se connecter" name="seco"/>   
         </form>   
    </body>

On utilise cette methode pour lien uniquement ;)

Dans le js essait ca:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
var timer;
function pub()
{
document.body.onkeypress = changetemps;
timer = setTimeout("affichePub()",5000);
}   
 
function changetemps()   
{   
     clearTimeout(timer);
     setTimeout("affichePub()",5000);
}   
 
function affichePub()   
{   
     location.href = 'pub.html';   
}

01/07/2011, 00h29
the-destroyer

Awi et si tu veux pas embeter ton visiteur je te conseil vivement d'ouvrir ta pub dans une pop-up pk sinon le formulaire se réinitialisera dès le changement de page (ici vers ta pub) :aie: donc le visiteur va vite devenir fou :aie: ou alors il faut augmenter de beaucoup le temps avant l'affichage de la pub :?

ok merci ça a l'air de marcher mais j'ai encore optimisé ton code ^^ :

javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
var timer;  
function pub()  
{  
       timer = setTimeout("affichePub()",5000);  
       document.onkeypress = changetemps;  
}  
 
function changetemps()  
{  
      window.clearTimeout(timer);  
      pub();  
}  
 
function affichePub()  
{  
      location.href='pub.html';  
}

Code:

1
2
3
4
5
function pub()  
{  
       timer = setTimeout(affichePub,5000);  
       document.onkeypress = changetemps;  
}

sera même encore mieux ;)

01/07/2011, 11h37
the-destroyer

Oui mais le fait d'attribué une fonction onkeypress a tout les éléments du document a chaque appelle de le fonction pub() ne sert pas a grand chose, tu perds même en performances (bon ok de pas beaucoup ^^), personnellement si je devait l'optimisé je mettrais document.onkeypress = [...] dans une fonction a part, et qui est appellé juste une fois au chargement de la page avec le onload :ccool: Enfin a toi de voir c'est qu'un detail :)

A bientot ! :)