combiner setTimout et l'événement onKeyup

Version imprimable

12/02/2007, 14h05
antigone

combiner setTimout et l'événement onKeyup

J'ai besoin d'appeler une fonction javascript sur un champ saisi par l'utilisateur.
on considère que le user à fini sa saisie aprés une seconde (c un paramètre) d'innactivité.

Je compte utiliser l'évènement onKeyup (ainsi je pourrait appeler ma fonction qd l'utilisateur saisi qq chose)
et utiliser setTimeout pour l'attente d'une seconde.

Citation:

<input id="id1" name="name1" type="text" onKeyup="setTimeout(mafonction(param), 1000) ; ">

Je n'ai pas l'impression que le temps d'attente soit prie en compte :oops:
Qu'est ce qui ne va pas?

bonjour,

Code:

1
2
3
 
<input id="id1" name="name1" type="text" onkeyup="setTimeout(function()
{mafonction(param)}, '1000') ; ">

mets la durée entre guillemets ;)

12/02/2007, 14h36
antigone

Non, Auteur apparemment ça n'est pas ça le pb,
le 2ème paramètre n'est pas une chaine de caractère

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<script type="text/javascript">
function test()
{
document.getElementById("idTest").innerHTML +="temps écoulé ";
}
 
</script>
</head>
<body>
 
<input id="id1" name="name1" type="text" onkeyup="setTimeout('test()', '1000')">
 
<div id="idTest"></div>
 
</body>
</html>

je n'ai aucun souci avec cet exemple. Les paramètres de setTimeout sont ente guillemets.

12/02/2007, 14h48
antigone

excuse auteur, l'attente fonctionne bien , j'avais oublié le function(){}
Par contre du coup j'ai d'autres soucis
12/02/2007, 14h49
Auteur

Citation:

Envoyé par antigone

excuse auteur, l'attente fonctionne bien , j'avais oublié le function(){}
Par contre du coup j'ai d'autres soucis

lesquels ?
12/02/2007, 14h53
antigone

Dans ma fonction je passe en paramètre la valeur du input

loadDiv('wns_content.jsp','div1','gc=<%=gc%>&scenario=<%=scenario%>&__srch_expr__='+this.value

la valeur de mon champ (this.value) ne passe plus

J'investigue
12/02/2007, 15h16
antigone

En plus apparemment ce qui se passe c que a chaque fois que je saisie ou efface un caractère, il y a une attente puis un appel a la fonction.c'est à dire que la fonction est appellé pour chaque saisie ou desaisie de carctère.

Alors que ce que je voulais c'est, une attente de t secondes pour s'assurer que l'utilisateur a fini plus ou moins sa saisie puis le traitement de l'information

Peut être que je dois appliqer le setTimeout a l'evenement onkeyup (si l'utilisateur saisie qq chose attendre t seconde avant de traiter l'information)

mais là je ne sais pas comment faire
12/02/2007, 15h16
SpaceFrog

Code:

onkeyup="var myparam=this.value; setTimeout(function(){ ...+myparam},1000)

regarde le temps écoulé entre down et un up :

Code:

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
<html>
<head>
<script type="text/javascript">
var chrono=null;
function up()
{
document.getElementById("idTest").innerHTML +="temps écoulé ";
}
 
function down()
{
if (chrono!=null)
{
 clearTimeout(chrono);
  chrono=null;
}
}
 
</script>
</head>
<body>
 
<input id="id1" name="name1" type="text" onkeyup="chrono=setTimeout('up()', '1000')" onkeydown="down()">
 
<div id="idTest"></div>
 
</body>
</html>

12/02/2007, 15h38
antigone

En fait mon code est

Citation:

<input id="f-search-group" name="f-search-group" type="text" onKeyup="var myparam=this.value;setTimeout(function(){alert(myparam);
loadDiv('wns_content.jsp','div1','gc=<%=gc%>&scenario=<%=scenario%>&__srch_expr__='+myparam)},'5000') ; ">

je l'ai testé et a chaque saisie j'ai un alert avec la valeur de l'input

Ce que je voulais n'était pas retarder l'appel de la fonction loadDiv.
Mais attendre qq temps pour permettre à l'utilisateur de saisir son champs avant d'appeler la fonction loadDiv

C'est a dire pour chaque evenement onKeyup , attendre 5 seconde....

Dure dure
12/02/2007, 15h43
SpaceFrog

enlève les quote pour le 5000 la focntion attend un integer pas un string ...
12/02/2007, 15h45
antigone

ça fonctionne aussi avec un string
12/02/2007, 15h59
SpaceFrog

peut être sur ton PC avec IE mais le second paramètre de la methode setTimeout doit être un integer, la focntion attend un nombre de millisecondes, pas un string !!!
12/02/2007, 16h08
antigone

Mais je fais mes tests sur firefox pour le moment :? et ca fonctionne bien

qq saurait-il comment appliquer le setTimout sur un evenement (voir plus haut mon pb)

ben chez moi je n'ai aucun souci avec ceci :

Code:

1
2
3
4
5
6
7
function testeur(param){alert(param)}
</script>
 
</head>
 
<body>
<input type='text' id="coucou" onkeyup="var temp=this.value;setTimeout(function (){testeur(temp);},1000)" />

13/02/2007, 14h14
antigone

Dans ton test le setTimeout est appellé pour la fonction alert.

c a dire que si l'utilisateur saisie "at" en une demi seconde (500)

il y aura deux appels à la fonction alerts.

mon but est d'appeler la fonction apres une attente de 1 seconde(1000) par exeple. afin de m'assuer que l'utilisateur a fini sa saisie.

c a dire qu'il faudrait que j'appaelle settimout sur l'evenement onkeyup

Ce que je ne sais pas faire

C'est visiblement passé inaperçu ::?
Citation:
Envoyé par Auteur
regarde le temps écoulé entre down et un up :
Code:

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 <html> <head> <script type="text/javascript"> var chrono=null; function up() { document.getElementById("idTest").innerHTML +="temps écoulé "; } function down() { if (chrono!=null) { clearTimeout(chrono); chrono=null; } } </script> </head> <body> <input id="id1" name="name1" type="text" onkeyup="chrono=setTimeout('up()', '1000')" onkeydown="down()"> <div id="idTest"></div> </body> </html>
Déclenche la temporisation sur le onkeyup, puis désactive la si un onkeydown a eu lieu dans le temps imparti et dans ce cas la fonction up ne sera pas appelée.

ha je crois que je commence à entrevoir ton souci ...

ton problème ne viendrait il pas plutot du fait que la focntion est appelée sur chaque laché de touche ?
Code:

1 2 3 4 5 6 7 8 9 var delai function testeur(param){alert(param)} function squeeze(){clearTimeout(delai)} </script> </head> <body> <input type='text' id="coucou" onkeydown="squeeze()" onkeyup="var temp=this.value;delai=setTimeout(function (){testeur(temp);},5000)" />