Créer une listbox à plusieurs colonnes à partir d'une balise select
Soyez le premier à donner votre avis sur cette source.
Vue 27 016 fois - Téléchargée 2 182 fois
Description
Ce petit code permet d'afficher une listbox à plusieurs colonnes (voir la capture) à partir d'une balise SELECT
ça fonctionne dans les cas simple, il faudra faire évoluer cette source si vous souhaiter faire des choses plus compliqué comme des evènements etc
Deplus ça fonctionne avec IE 6 mais je n'ai pas testé ailleurs ça devrait fonctionné sous netscape...
la syntaxe est simple
vous créez votre balise select puis le script se charge de faire les modifications
il y a un fichier d'exemple (test.html)
pour créer une nouvelle colonne il suffit de séparer les argument par un |
note : il est important de spécifier le width !
exemple :
<select id="test" size=3 multiple style="width:300">
<option>toto|33ans</option>
<option>lulu|24ans</option>
<option>nana|21ans</option>
</select>
suivi de :
<script>listbox('test')</script>
si vous n'ajoutez pas ce code, l'affichage se fera normalement
voilà le script gère également les sélections multiple !
ça fonctionne dans les cas simple, il faudra faire évoluer cette source si vous souhaiter faire des choses plus compliqué comme des evènements etc
Deplus ça fonctionne avec IE 6 mais je n'ai pas testé ailleurs ça devrait fonctionné sous netscape...
la syntaxe est simple
vous créez votre balise select puis le script se charge de faire les modifications
il y a un fichier d'exemple (test.html)
pour créer une nouvelle colonne il suffit de séparer les argument par un |
note : il est important de spécifier le width !
exemple :
<select id="test" size=3 multiple style="width:300">
<option>toto|33ans</option>
<option>lulu|24ans</option>
<option>nana|21ans</option>
</select>
suivi de :
<script>listbox('test')</script>
si vous n'ajoutez pas ce code, l'affichage se fera normalement
Conclusion :
voilà le script gère également les sélections multiple !
Codes Sources
A voir également
- Listbox javascript
- Javascript listbox - Meilleures réponses
- Listbox js - Meilleures réponses
- Listbox javascript ✓ - Forum - Javascript / DHTML
- Listbox/javascript et css ✓ - Forum - Javascript / DHTML
- Javascript : Lien entre 2 listbox - CodeS SourceS - Guide
- Javascript : Listbox formatée - menu deroulant objet - combo - popup - CodeS SourceS - Guide
- Javascript : Ajouter dynamiquement des options à une listbox - CodeS SourceS - Guide
15 janv. 2009 à 12:28
J'ai un petit soucis avec ce script.... Il ne fonctionne pas correctement sur mozilla. J'ai donc repris le code de AMOSC. Mon seul probleme est que je dois pouvoir faire des choix multiples... Du coup je suis coincer... Quelques peut m'aider???
Merci,
Guigo
31 janv. 2007 à 16:23
- Messages postés
-
102
- Date d'inscription
- jeudi 29 mai 2003
- Statut
- Membre
- Dernière intervention
- 23 juin 2008
49 févr. 2005 à 07:50
certainement un oubli j'avais du créer une petite fonction pour faire un essai
désolé gregalex mais j'ai fait cette source il y a pas mal de temps et je ne sais plus si c'est possible ou non
8 févr. 2005 à 09:58
J'aimerai savoir, à quoi sert le onChange="test()" dans la page html ?
1 févr. 2005 à 17:05
Merci par avance pour la réponse
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.