combiner setTimout et l'événement onKeyup

**antigone** · 12/02/2007, 14h05

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.

Je n'ai pas l'impression que le temps d'attente soit prie en compte

Qu'est ce qui ne va pas?

**Auteur** · 12/02/2007, 14h28

bonjour,

Code html :

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

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

mets la durée entre guillemets

**antigone** · 12/02/2007, 14h36

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

**Auteur** · 12/02/2007, 14h47

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
<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.

**antigone** · 12/02/2007, 14h53

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

**antigone** · 12/02/2007, 15h16

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

**SpaceFrog** · 12/02/2007, 15h16

Code :

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

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

**Auteur** · 12/02/2007, 15h23

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

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
<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>