Discussion :

[thomas.m]

Bonjour,

Voilà, je voudrais appliquer un filtre sur le contenu d'un tableau pour n'afficher que les éléments qui répondent à ce critère.

J'ai un input text (id=recherche) qui contient ce que je veux faire "matcher" avec l'indice du tableau mDescription

Code :

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

1
2
3
4
5
6
7
 
var recherche= document.getElementById('recherche').value
for (var i in mDescription) {
        if( i.indexOf(recherche) != -1) {
                 #Affichage ...
        }
}

Ainsi si je tappe AHX dans mon champ recherche j'ai les éléments suivants qui s'affichent :

AHX4151GH
AHX6726IJ
5AHX38383HU
58AHX2215IJ
AHX5199IJ

Je voudrais faire évoluer cette recherche en utilisant un filtre dans mon champ de recherche, par exemple si je tappe *AHX*IJ je ne devrais avoir que :
AHX6726IJ
58AHX2215IJ
AHX5199IJ

Et si je tappe AHX*IJ :
AHX6726IJ
AHX5199IJ

Pourriez vous m'aider ?
Merci d'avance

[SpaceFrog]

http://javascript.developpez.com/faq...er#FiltreTable

[sekaijin]

Bonjour
Il y a un truc qui s'appelle les RegExp

http://fr.wikipedia.org/wiki/Expression_rationnelle
http://www.expreg.com/memo.php
http://www.w3schools.com/jsref/jsref_obj_regexp.asp
http://www.regular-expressions.info/...ptexample.html

Il est a noter que l'Objet RegExp ne fait pas partie de la norme EcmaScript
il n'est donc pas présent dans le langage.
Mais il est dans la norme W3C et DOIT donc être implémenté par tous les navigateurs

A+JYT

[thomas.m]

J'ai suivi votre piste et je suis arrivé au résultat attendu, merci !

Pour info, voilà mon bout de code :

En gros, les * que je tappe dans mon champ recherche doivent être remplacées par la regex .* (. = tout caractère), et en rajoutant un ^ en début et un $ en fin d'expression :

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
 
	var filtre = document.getElementById('champ_filtre').value
 
	t=filtre.indexOf("*");
	/* replace ne remplace que la première occurence, donc je boucle : */
	while (t >= 0) {
		filtre=filtre.replace("*",".ETOILE");
		t=filtre.indexOf("*");
	}
	/* Pour éviter une boucle infini je dois passer par 2 boucles */
	t=filtre.indexOf("ETOILE");
	while (t >= 0) {
		filtre=filtre.replace("ETOILE","*");
		t=filtre.indexOf("ETOILE");
	}
	var reg = new RegExp('^' + filtre + '$');
 
	for (var i in monTableauAfiltrer) {
		if(i.match(reg)) {
			/* Code ... ! */
		}
	}