HTMLTableTools.js · 17 janvier 2006, 18:30 by lx
Alors je viens enfin de finir la version 2.0 de HTMLTableTools.
C’est une classe javascript qui permet de donner une autre dimension aux tableaux HTML. Concrètement, vous pouvez (en quelques lignes) :
- rendre votre tableau triable, colonne par colonne, multi-colonne avec la possibilité d’afficher l’index de tri,
- ne rendre que certaines colonnes triables,
- les lignes sont automatiquements colorées alternativement par les styles css rowA et rowB,
- mettre en surbrillance les lignes au survol de la souris (style highlighted),
- selectionner une ou plusieurs lignes et recupérer les id des lignes sélectionnées…
Le mieux c’est de jetter un coup d’oeil à la démo ,vous pourrez également télécharger le script sur cette page.
Amélioration simple d'un tag SELECT · 14 octobre 2005, 19:56 by lx
Voilà un script assez simple qui permet d’améliorer l’expérience utilisateur lorsque dans un long formulaire il est amené à choisir une option dans une longue liste déroulante (souvent le choix d’un pays…).
Exemple avec une liste de pays :
Dès lors que la liste est séléctionnée (a le focus), il suffit à l’utilisateur de commencer à saisir les premières lettres de son pays.
Le script va afficher un div près du select (position paramétrable) affichant la saisie en cours.
Il va également séléctionner au tout au long de la saisie les options de la liste qui correspondent au texte saisie (dans l’ordre de la liste).
Ce script utilise la très bonne librairie prototype.js.
Quelques liens utiles à ce propos :
Site officiel
Une documentation
Il a été testé avec succès sur IE6+ et FF 1.0.x