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, 14h48

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

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

Envoyé par antigone

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

lesquels ?

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

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

En fait mon code est

<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

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

enlève les quote pour le 5000 la focntion attend un integer pas un string ...

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

ça fonctionne aussi avec un string

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

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

**antigone** · 12/02/2007, 16h08

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)

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

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

Code :

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

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)" />

**antigone** · 13/02/2007, 14h14

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

**Auteur** · 13/02/2007, 14h31

C'est visiblement passé inaperçu :

Envoyé par Auteur

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>

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.

**SpaceFrog** · 13/02/2007, 14h34

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 :

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

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)" />

combiner setTimout et l'événement onKeyup

JavaScript

Discussions similaires

Partager

Partager