Nous avons vu dans un article précédent comme utiliser le composant Ajax.Autocompleter du framework Javascript Script.aculo.us pour créer une liste de suggestions à partir d’une saisie utilisateur.

Nous allons maintenant voir comment utiliser ce composant dans une situation plus proche d’un cas “réel” :

• Saisie de plusieurs informations.
• Utilisation d’une base de données côté serveur,
• contenant un volume important de données.
• Affichage d’informations supplémentaires en cours de saisie.
• Récupération et exploitation de la donnée saisie par l’utilisateur :
  • côté client, pour traitements Javascript pendant l’utilisation du formulaire,
  • et côté serveur, une fois le formulaire validé.

Il nous arrive, lorsque nous développons une application Web, de devoir afficher à l’utilisateur une liste de choix.
Dans ces cas là, nous sommes généralement tentés d’employer la balise select.

Mais une liste déroulante n’est utilisable que si elle ne contient que peu d’entrées ; pas plus d’une trentaine, au grand maximum - et force le visiteur à choisir l’une des valeurs que vous lui proposez.

Vous pouvez souhaiter

• lui proposer une liste de choix,
• tout en lui permettant d’effectuer une saisie libre…
• Et ce en adaptant la liste proposée en fonction des saisies.

Script.aculo.us fournit un composant dont le rôle est de faciliter la mise en place d’une liste de suggestions : Ajax.Autocompleter.
Cet article va présenter son utilisation dans un cadre basique.

Cet article est destiné à regrouper l’ensemble des liens apportant une information concrète utilisés au sein des différents articles de ce blog ; il s’agit donc d’un annuaire de liens.

Les liens sont disponibles selon deux organisations :

• Classement par article
• Classement par tags

Cet annuaire de liens sera mis à jour régulièrement - en théorie, à chaque nouvel article.