Discussion :

[Invité]

Bonjour, j'ai déjà fait à l'aide d'un collègue une liste qui se change en tapant une lettre dans l'input pour ne faire apparaître que les items contenant ces lettres.

Voici le code qui marche:

https://jsfiddle.net/M33D/ffudxhqv/

Ce code ne permet pas de modifier la liste de base, c'est pour cela je suis entrain de créer un autre code où la liste de checkbox se varie, du coup j'utilise un selectur jQuery pour ce faire, mais malheureusement ça ne marche pas.

Voici le code que j'essaye de faire marcher:

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
29
30
31
32
33
34
35
36
 
var CreerListeAptitudes = function(){
	this.list=[];
	this.check=function(value){
		var lists = false;
		if( value!='' ){
			lists=[];
			for(var i=0, len=this.list.length; i<len; i++)
				if(this.list[i].name.toLowerCase().trim().indexOf(value.toLowerCase().trim())==0)
					lists.push(this.list[i]);
		}
		return lists;
	};
	this.loadList=function(result, lists){
		if(lists){
			var innerList='';
			for (var i=0, len=lists.length; i<len; i++)
				innerList += lists[i]+'<br/>';	
			result.innerHTML = innerList;
		} else this.viewAllList();
	};
	this.viewAllList=function(){
		this.loadList(jQuery('#conteneurAptitudes'), this.list);
	};
};
 
function filtrerAptitudes(){
	var listeDesAptitudes = new CreerListeAptitudes();
        var element = jQuery('#conteneurAptitudes label');
        var nbrItem = element.length;
 
        for(var i=0; i<nbrItem; i++){
    	        listeDesAptitudes.add(element[i]);
        };
	listeDesAptitudes.loadList(jQuery('#conteneurAptitudes'), Liste.check(this.value));
};

Pourriez vous me dire où c'est le problème? sachant que je suis débutant en JS/jQuery, je serai reconnaissant pour vos explications.

Merci d'avance.

[Invité]

Bonjour,

...une liste qui se change en tapant une lettre dans l'input pour ne faire apparaître que les items contenant ces lettres...

Cela s'appelle "autocomplétion" (ici, s'en est une variante).

[Invité]

Oui c'est ça, c'est l'autocomplétion je suis null en vocabulaire

[Invité]

Tu peux aussi poster le code directement dans la discussion, et utiliser l'icone "#" (->[CODE])

Au moins une erreur trouvée (2ème code) :

Code :

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

				innerList += lists[i]+'+'<br/>';

Code :

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

				innerList += lists[i] + '<br/>';

[Invité]

2ème :

Code :

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

  var nbrItem = element.lenght;

Code :

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

  var nbrItem = element.length;

[Invité]

Merci jreaux62, j'ai modifié le code, et l'inséré dans le sujet, j'avais pas fait attention aux erreurs.

Pour l'autocomplétion, je pense qu'elle ne prend pas en considération les lettres qui sont au début, genre si on a une liste de France, Russie, Romanie, et si on tape R, elle ne va pas afficher France puisqu'elle ne commence pas par R, malgré que la lettre est présente.