Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 30/06/2011, 15h48   #1
Invité de passage
 
Homme
Développeur Web
Inscription : juin 2011
Messages : 5
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Produits et services télécom et Internet

Informations forums :
Inscription : juin 2011
Messages : 5
Points : 2
Points : 2
Par défaut Détecter chaque bouton appuyé+temporisation

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>
razaonce est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/07/2011, 00h23   #2
Membre régulier
 
Avatar de the-destroyer
 
Homme
Lycéen
Inscription : mars 2009
Messages : 201
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 17
Localisation : France

Informations professionnelles :
Activité : Lycéen

Informations forums :
Inscription : mars 2009
Messages : 201
Points : 80
Points : 80
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';   
}
the-destroyer est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/07/2011, 00h29   #3
Membre régulier
 
Avatar de the-destroyer
 
Homme
Lycéen
Inscription : mars 2009
Messages : 201
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 17
Localisation : France

Informations professionnelles :
Activité : Lycéen

Informations forums :
Inscription : mars 2009
Messages : 201
Points : 80
Points : 80
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) donc le visiteur va vite devenir fou ou alors il faut augmenter de beaucoup le temps avant l'affichage de la pub
the-destroyer est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/07/2011, 10h54   #4
Invité de passage
 
Homme
Développeur Web
Inscription : juin 2011
Messages : 5
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Produits et services télécom et Internet

Informations forums :
Inscription : juin 2011
Messages : 5
Points : 2
Points : 2
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';  
}
razaonce est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/07/2011, 10h56   #5
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 807
Détails du profil
Informations personnelles :
Nom : Homme 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 807
Points : 35 797
Points : 35 797
Code :
1
2
3
4
5
function pub()  
{  
       timer = setTimeout(affichePub,5000);  
       document.onkeypress = changetemps;  
}
sera même encore mieux
__________________
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 JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/07/2011, 11h37   #6
Membre régulier
 
Avatar de the-destroyer
 
Homme
Lycéen
Inscription : mars 2009
Messages : 201
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 17
Localisation : France

Informations professionnelles :
Activité : Lycéen

Informations forums :
Inscription : mars 2009
Messages : 201
Points : 80
Points : 80
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 Enfin a toi de voir c'est qu'un detail

A bientot !
the-destroyer est déconnecté   Envoyer un message privé Réponse avec citation 10
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 03h48.


 
 
 
 
Partenaires

Hébergement Web