Aller au contenu | Aller au menu | Aller à la recherche

Tag - Scriptaculous

Fil des billets - Fil des commentaires

dimanche 4 novembre 2007

Scriptaculous Ajax.Autompleter : situation réelle : suggestions dynamiques pour la saisie d'une ville

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é.

Ajax.Autocompleter : saisie 'lyo'

Lire la suite...

dimanche 28 octobre 2007

Scriptaculous Ajax.Autocompleter : Mettre en place un champ de saisie avec suggestions dynamiques

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.

Ajax.Autocompleter : avec style CSS

Lire la suite...