Discussion :

[Matteo53]

Bonjour,
je souhaiterais mettre en place une saisie automatique dans un input et j'aurais quelques question :
En cherchant sur le net j'ai trouvé du JQUERY http://jqueryui.com/autocomplete/, je souhaiterais savoir si c'est encore d'actualité?
J'ai testé en suivant un tutoriel

et cela marche mais je voudrais adapter le code pour que la recherche se fasse juste à la première lettre des mots. Mon code cherche la lettre saisie dans le mot entier. Y a t-il un paramètre à ajouter pour que je puisse choisir ?
Pour l'instant c'est un test j'ai crée un simple tableau nommé liste :

Code :

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

1
2
3
4
5
$("#motsCles").autocomplete({
    maxLength: 1,
    source : liste
});
});

En faisant mes recherches il y a l'alternative d'utiliser BOOTSTRAP <datalist> mais si la liste est trop longue cela ne risque pas de ralentir ?
merci pour vos conseils.

[binarygirl]

Le datalist est une option intéressante et méconnue mais c'est de l'HTML standard, ce n'est pas propre à Bootstrap.
Ca fonctionne comme un select (liste déroulante). Ce n'est pas du JS, ni de l'Ajax.
Comme tous les éléments sont chargés dans le code source de la page, c'est très réactif (pas de va et vient avec le serveur).
Mais si le nombre d'éléments est vraiment conséquent, tout charger n'est peut-être pas désirable. Ça dépend de votre cas d'utilisation. N'hésitez pas à tester.
Évidemment il faut de la validation derrière, l'utilisateur peut facilement fournir une valeur inexistante etc.

[Matteo53]

Bonjour,
merci pour votre réponse, et concernant le http://jqueryui.com/autocomplete/ est toujours d'actualité ?
merci

[NoSmoking]

Bonjour,

et concernant le http://jqueryui.com/autocomplete/ est toujours d'actualité ?

et pourquoi ne le serait-il plus si il fait le job ?

[Matteo53]

Bonjour,
oui ce n'est pas faux , je me rends compte que le développement évolue très vite pas évident de suivre
J'ai bien testé et tout marche bien. J'ai aussi trouvé la solution pour que la recherche se fasse juste à la première lettre des mots, comme vous dites souvent sur le forum "il faut lire la documentation"
Si d'autres personnes sont intéressé voici un exemple trouvé dans la documentation :

Code :

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

1
2
3
4
5
6
7
8
9
10
var tags = [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ];
$( "#autocomplete" ).autocomplete({
  source: function( request, response ) {
          var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
          response( $.grep( tags, function( item ){
              return matcher.test( item );
          }) );
      }
});
</script>

merci encore et bonne journée