Aide au choix dans les longs select (pays par exemple)

Soyez le premier à donner votre avis sur cette source.

Vue 8 673 fois - Téléchargée 1 154 fois


Description

Ce code vous permet d'améliorer l'expérience utilisateur en l'aidant lors d'un choix d'une option dans des tags select.
Lorsque l'utilisateurs arrive sur le select, il peut commencer à saisir les premières lettres de l'option, un div apparait affichant sa saisie en cours, et le script séléctionne automatiquement la première option correspondante et ainsi de suite au fur et à mesure de la saisie.
le div disparait au bout de 3 secondes.

Ce script utilise la librairie prototype.js que vous pouvez trouver ici : http://prototype.conio.net/
si vous ne l'avez pas déjà.

Ce script est compatible IE 6+ et FF 1.x

Conclusion :


La touche tab, pour passer au champ de formulaire suivant, est du coup désactivée sur les selects. (à corriger)

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Messages postés
943
Date d'inscription
mardi 14 novembre 2006
Statut
Membre
Dernière intervention
7 août 2009
3
Exactement ce que je cherchais, mais il y a encore quelques modifications a faire pour rendre ce code vraiment convivial alors je met 8.
Messages postés
152
Date d'inscription
dimanche 20 février 2005
Statut
Membre
Dernière intervention
17 janvier 2014
3
La possibilité de faire 'entrée' après avoir trouvé l'item de son choix serait un plus (et pas compliqué en plus). Bonne continuation.
Messages postés
8
Date d'inscription
vendredi 7 octobre 2005
Statut
Membre
Dernière intervention
17 janvier 2006

Modifications faites, fichier prototype.js ajouté dans le zip.

Pour que le div ne s'affiche pas il suffit d'ajouter l'option lors de l'appelle du script:

new enhancedSelectTag( {boxShow: false} );
Messages postés
8
Date d'inscription
vendredi 7 octobre 2005
Statut
Membre
Dernière intervention
17 janvier 2006

>> BULTEZ: encore un petit reproche ? pourquoi ne pas joindre prototype.js ?

heu bhen c une bonne question... je ne sais pas, je vais l'ajouter dans le zip


>> ANTONY44: Je ne veux pas paraître embêtant, mais comment peut-on de manière simple masquer le div qui s'affiche lorsque l'on saisie les éléments de recherche ?

Pour cela, je vais ajouter une option supplémentaire qui permettra d'afficher ou non le div qui montre la saisie en cours.
Je vais également ajouter une option qui permettra de choisir le délais avant le masquage du div.


Merci pour vos commentaires, ca me permet d'améliorer les scripts !!
A bientôt pour une mise à jour.
Messages postés
8
Date d'inscription
mercredi 5 février 2003
Statut
Membre
Dernière intervention
20 octobre 2005

Ok pour les bugs.

Je ne veux pas paraître embêtant, mais comment peut-on de manière simple masquer le div qui s'affiche lorsque l'on saisie les éléments de recherche ?

En tout cas, une fois tout bien packagé, ton source risque d'être beaucoup utilisé dans les applications :-)
Afficher les 11 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.