Discussion :

[fefe69]

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 :

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

$$('#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.

[kimjoa]

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 :

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

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!

[fefe69]

ça ne change rien malheureusement ....

[DiDieuh]

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

[Bovino]

ça ne change rien malheureusement ....

Parce qu'il faut un peu adapter :

Code :

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

1
2
3
4
5
6
7
var timeout;
$$('#Div1').invoke('observe', 'keyup', function(event) {
    clearTimeout(timeout);
    timeout = setTimeout(function(){
        //taitement ...
    }, 100)
});

[fefe69]

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

[fefe69]

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

[Oscar Hiboux]

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

Code :

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

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 ?