Utilisation d'une zone de saisie auto suggestive

Une zone de saisie auto suggestive est une forme améliorée du champ de saisie ordinaire.
Ce type de champ se présente comme ceci:

Son principe de fonctionnement correspond aux trois étapes suivantes:

• Vous saisissez du texte dans la zone éditable. Une recherche en arrière plan se lance alors au fur et à mesure que le texte en cours d'édition évolue et les résultats de cette recherche viennent s'afficher sous forme d'une liste.
• Vous continuez la saisie jusqu'à obtenir, soit une liste contenant l'élément de votre recherche, soit une liste vide.
• Vous cliquez sur l'élément trouvé si celui-ci apparaît pour valider ainsi votre choix ou vous stoppez/modifiez la recherche en cours dans le cas contraire.

En résumé, vous n'avez qu'à faire votre saisie tandis que le moteur de recherche fait le reste.

Voici un exemple de ce qu'affiche une zone de saisie après avoir tapé les trois lettres “c”, “o” et “l”:

Comme on peut le voir, toute une série de résultats contenant “col” est venu s'afficher dans une liste. Chaque élément de la liste peut être cliqué pour ainsi compléter le champ et valider le choix.


Enfin, il faut retenir plusieurs chosent concernant les zones de saisie auto suggestives:

• Elles sont liées à d'autres éléments de l'interface avec lesquels elles communiquent pour qu'ils puissent réagir en fonction du dernier choix validé. Ainsi, si l'on valide le choix “Colmar-Berg-Halte” de l'exemple précédent, celui-ci sera tranmis à la vue cartographique qui va repositionner la carte comme ceci:
  
  
  
• Les recherches qu'elles déclenchent sont ciblées sur un type d'informations bien défini en fonction du contexte. Ce type d'informations est précisé dans le champ de saisie à son affichage initial, comme illustré ci-dessous: