Fonction keyup : comment faire ?

Bonjour a tous, j'ai une liste importante d'article et une barre de recherche dynamique tout en haut de ma page.

Je voudrais que l'utilisateur, en tapant quelques lettres, puissent trouver tous les articles contenant ces lettres.

Ex: l'utilisateur saisie "dev" alors il va avoir tous les articles contenant "dev".

Je fais ça avec prototype de cette manière:

Code:

---

$$('#Div1').invoke('observe', 'keyup', function(event) {

---

A l'intérieur de cette fonction je vais lancer toute ma recherche. Tout marche nickel mais j'ai un soucis en fait lorsque l'utilisateur tape plusieurs lettres, alors ma function va se lancer autant de fois qu'il y a de lettres, c'est tout a fait normal étant donné que j'ai "keyup" mais est-ce possible "d'écraser" une fonction pour la remplacer par la dernière ?

Ex:
Recherche 1: "d"
Recherche 2: "de"
Recherche 3: "dev"

Du coup mon résultat mettra 3 fois plus de temps à s'afficher alors que les 3 lettres ont été tapés très rapidement.

J'espère m'etre bien fait comprendre, c'est la fin de la semaine alors je vous demanderais un peu d'indulgence ....

Merci a tout ceux qui pourront m'aider.

a l'intérieur de tas fonction lance un setTimeout de 100ms par exemple, et écrase le si entre temps l'utilisateur appuie sur une touche, ca pourrais donner ca

Code:

---

1 2 3 4 5 6 7 8

var timeout; $$('#Div1').invoke('observe', 'keyup', function(event) { clearTimeout(timeout); setTimeout(function(){ //taitement ... }, 100) });

---

brute de force ;) à tester!

ça ne change rien malheureusement ....

Essaie d'utiliser l'évenement onChange si tu veux lancer ton traitement qu'une seule fois, à tester.

Citation:

---

Envoyé par fefe69

ça ne change rien malheureusement ....

---

Parce qu'il faut un peu adapter :

Code:

---

1 2 3 4 5 6 7

var timeout; $$('#Div1').invoke('observe', 'keyup', function(event) { clearTimeout(timeout); timeout = setTimeout(function(){ //taitement ... }, 100) });

---

:roll:

La technique marche très bien sur firefox mais IE ne reconnait même plus lorsque je tape quelque chose dans ma barre de recherche. Il ne se passe rien

Autant pour moi, j'ai trouvé l'erreur ...

Et tant qu'à faire, autant soulager les yeux et éviter du charger la mule... :D

Code:

---

1 2 3 4

var timeout; $("Div1").observe("keyup", function(event) { ... });

---

Car je suppose que tu n'as qu'un élément d'identifiant "Div1", hmm ? :aie: