begin process at 2012 02 06 01:54:43
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > SELECTION DE VALEURS A PARTIR DE 2 LISTES À CHOIX MUPLIPLES

SELECTION DE VALEURS A PARTIR DE 2 LISTES À CHOIX MUPLIPLES


 Information sur la source

Note :
9,25 / 10 - par 8 personnes
9,25 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Classé sous :selection, liste, classement, choix, ordre Niveau :Initié Date de création :19/06/2006 Date de mise à jour :21/11/2008 18:58:11 Vu / téléchargé :9 933 / 933

Auteur : ryosama

Ecrire un message privé
Commentaire sur cette source (17)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Une liste contient toutes les valeurs possible et une autre va contenir uniquement les valeurs sélectionnées.
Presque toutes les actions sont possible pour manager votre choix (ajouter/supprimer/classer ...)

Une capute d'écran vaut mieux que de long discours.

Démo visible ici : http://www.coopmcs.com/demo/2_listes/selection.htm l


 Conclusion

Si vous avez des objections ou des critiques, n'hésitez pas.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

17 janvier 2007 16:17:15 :
ajout d'une démo
21 novembre 2008 18:58:11 :
Changement d'url de la démo

 Sources du même auteur

Source avec Zip Source avec une capture LIBRAIRIE DE GESTION DES COULEURS POUR CSS : COLORPARSER
Source avec Zip Source avec une capture PLUGIN JQUERY : PROGRESS BAR
Source avec Zip Source avec une capture AUTO COMPLETION SUR CHAMPS TEXTE
Source avec Zip FONDU ENCHAINER ENTRE PLUSIEURS IMAGES
Source avec Zip Source avec une capture EFFET DOCK MAC OS POUR VOS MENUS

 Sources de la même categorie

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture CALCULATEUR DE CLASSEMENT ELO par Mulugruntz
Source avec Zip Source avec une capture [PC] PRÉFÉRENCES : CLASSEMENT par Bul3
RETROUVER LE NUMÉROS DE TELEPHONE DE VOTRE EMPLOYER RAPIDEME... par rappise
Source avec Zip SCRIPT JAVASCRIPT MUSIQUE CHOIX DU VISITEUR DE LA MUSIQUE DA... par bbmaster

Commentaires et avis

Commentaire de ttl5v le 31/08/2006 16:52:59

Perso je trouve ça pas mal si tu veux faire un CD de commande par exemple...
Je cherchais un truc simple et rapide pour commander des produits, bah voilà petit accessoire nickel sans utiliser un seul code de php sans bases de données... Exactement ce que je cherchais !
Merci beaucoup !

Commentaire de mayoronam le 27/11/2006 17:01:55

bonjour !!!
ici super débutant
est ce possible d'afficher des images dans un tableau2(1 à 1),après avoir cliquer (1à1)dans un tableau1 qui contient leur nom en mode texte ? genre cliquez pour afficher .......

à bientôt...

Commentaire de ryosama le 27/11/2006 17:15:56

Avec ce code non ce n'est pas possible.
C'est possible dans l'absolu mais avec un autre javascript qui doit probablement exister sur ce site.

Commentaire de ahcorad le 30/03/2007 11:57:51

Est-ce possible de mettre en valeur initial des données d'une BDD ??

Commentaire de ryosama le 30/03/2007 12:19:16

Oui c'est bien evidement possible. Il faut simplement que le Javascript d'initialisation des valeurs soit produit par une page dynamique (PHP/Perl/ASP ...) ou alors passé par de l'Ajax.

En gros il faut ajuster les variables "colonne_texts" et "init_droite" qui contiennent respectivement la liste des valeurs possibles et la liste des valeurs pré-sélectionnées.

Commentaire de bfvww2 le 28/06/2007 10:33:36

Salut à tous!

Dsl de déranger tout le monde, mais je suis un bon débutant... cette source me convient parfaitement, mais j'aimerais savoir si il y a moyen de rajouter un drag and drop entre les deux listes?

Ce serait très pratique...

Voila merci a tous!

Commentaire de ryosama le 28/06/2007 22:06:34

Il y a toujours moyen de rajouter des choses mais je suis trop faignant pour faire du drag & drop ;-)

Si tu as le courage et la volonté de t'y mettre, n'hésite pas à poster ta source modifiée.

Commentaire de tarmoussimus le 18/07/2008 12:22:12

C'est très suggestif!

Commentaire de tarmoussimus le 18/07/2008 12:25:48 8/10

Pour un débutant comme moi! C'est super pour l'exercice...

Commentaire de grislienski le 21/11/2008 16:26:10

Super script, il marche super bien.

Juste une question, comment faire pour basculer un élément de la liste avec un double clic ?

je suppose qu'il faut ajouter une truc du genre : ondblclick="add_colonne()" sur chaque élément mais je ne sait pas trop ou ni comment vu que la création des listes est dynamique :(

Cela ferais un plus a ce code :)

Commentaire de monsieurzouzou le 28/10/2009 15:36:11

super source merci :)

je l'ai adapté à des données provenant d'une base mysql, aucun problème à partir du moment où les deux listes sont générées à la volée et non vides.
Néanmoins un seul problème: lorsque la liste de droite (liste des valeurs pré-sélectionnées) est vide (var init_droite = ''), une valeur "undefined" (Firefox) ou vide (sous IE) est crée par défaut quand même, ce qui fausse le résultat de document.configuration.colonne.value.
J'ai cherché mais j'avoue ne pas être calé en javascript pour me débarrasser de cette valeur vide, quelqu'un a une idée?
merci

Commentaire de ryosama le 28/10/2009 15:48:13

Un nettoyage de la valeur devrait suffire.

document.configuration.colonne.value.replace(/undefined/,'').replace(/^,|,$/,'').replace(/,+/,',');

Je ferai ça, c'est sale mais ça devrait marcher.

Commentaire de monsieurzouzou le 28/10/2009 16:40:21

en effet, c'est du "quick and dirty" mais ça marche!
cependant, ça règle le problème de la valeur de document.configuration.colonne faussée, mais pas la ligne vide créée dans la liste de droite, ce qui est disgracieux et assez déconcertant pour l'utilisateur (si ce n'était que moi ça me serait égal).

Merci pour cette astuce qui contourne le problème, ça rend le script tout à fait utilisable :)

Commentaire de monsieurzouzou le 28/10/2009 16:44:14

bon en fait j'ai trouvé la solution qui m'est adaptée: dans mon cas, sachant que la liste de droite est forcément vide au chargement de la page, j'ai enlevé le code qui génère la ligne de droite:
// on remplit la liste de selection PAR DEFAUT en chargeant la page
for(i=0 ; i<colonne_init.length ; i++)
c2.options[i] = new Option(colonne_texts[colonne_init[i]],colonne_init[i]);

merci pour les commentaires nombreux dans ta source, ça m'a fait gagné beaucoup de temps!

Commentaire de gmni le 07/05/2011 10:58:29 10/10

bravo!

Commentaire de JJDai le 18/05/2011 19:42:08 10/10

Super exactement ce que je cherchais, avec quelques amélioration toutefois.
J'ai modifié les lignes 28 et 41
- J'ai forcer la largeur des deux listes, c'est quand même plus agréable de garder les listes à la même largeur quelque soit le contenu.
- j'ai ajouter sur les deux liste l'évènement double clique pour basculer un seul item.

Lignes après modification:

<select name="colonne_stock" size="10" multiple style="width:200px" ondblclick="add_colonne();"></select>

<select name="colonne_afficher" size="10" multiple style="width:200px" ondblclick="remove_colonne();"></select>

JJDAI

Commentaire de JJDai le 20/05/2011 00:23:12

J'ai repris cette source et l'ai adaptée à mes besoin.
Elle se trouve ici ===> http://www.javascriptfr.com/codes/DOUBLE-LISTE-SELECTION_53189.aspx

JJDAI

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

ajouter un button automatiquement [ par joujma5 ] Bonjour, J'ai utilisé un code qui permet la création d'un select automatique après la sélection d'une catégorie, dont voici le code: list_choix = recuperer la selection d'une liste deroulante [ par jowaylila ] bonjours, je travaille avec j2ee(struts),j'ai une liste deroulante et je doix recuperer la valeur selectionnée pour l'utiliser comme parametre dans comment recuperer la valeur d'une selection liste deroulante dans variable php [ par fredericmaill ] Bonjour et bonne ann&#233;e 2006 @ tous !!je voudrais savoir comment recuper&#233; dans une varable php la valeur de la selection d'une liste deroulan Selection element dans une listbox [ par 6xavier6 ] Bonjour bonjour,Petite question a deux sesterces :Est-il possible de demander en javascript de sélectionner le premier élément d'une liste ?un truc du champ d'un formulaire alimenté par une liste de choix [ par jeremili ] Bonjour, Je voudrais créer un formulaire avec des champs pouvant être alimentés par une pop-up contenant des données issues d'une table. ex: En fac charger une page php dans une div par rapport au choix d'une list a l'aide de javascript [ par patric1014 ] salut a tous j'ai un petit problem et j'espere trouver une solution ds ce forum j'aimerai charger une page php dans une div a l'aide d'ajax ou juste Afficher les infos d'une liste deroulante dans un champs [ par MrAnonym ] Bonjour, je m'excuse pour le choix du theme je ne savais pas trop ou poster. Donc voici mon problème, je voudrais afficher les selctions de plusieur le choix dans une liste de bouton radio change le lien d'un bouton image, comment faire ? [ par daimio59 ] Boujour, je débute en conception de site internet et en script et j'aimerais savoir comment réaliser un truc que je n'ai pas trouvé sur internet. je recuperer les choix effectués a partir d'une liste deroulante dans un tableau [ par fatikab ] bonjour tout le monde en fete je voudrais savoir comment pourrais je recuperer les choix effectués a partir d'une liste deroulante dans un tableau po faire apparaitre un div en fonction du choix de l'utilisateur dans une liste générée par un php. plz help [ par momoch2 ] Bonjour à tous. J'ai 3 input de type texte à autocompletion. C'est un questionnaire pour choisir une ville. Une liste s'affiche sous le input en s'ada


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 4,742 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales