Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

TRANSFÉRER UN ÉLÉMENT D'UNE LISTE À UNE AUTRE


Information sur la source

Catégorie :Divers Niveau : Débutant Date de création : 26/04/2002 Date de mise à jour : 26/04/2002 18:07:33 Vu / téléchargé: 6 048 / 1 039

Note :
9,5 / 10 - par 6 personnes
9,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (14)
Ajouter un commentaire et/ou une note

Description

Dans ce code, il s'agira de manipuler 2 listes et de déplacer les éléments d'une liste à une autre.

- Vous aurez la possibilité de transférer un élément par simple clic sur l'item  
- Vous pouvez de même transférer plusieurs éléments en même temps
 

Source

  • Tout est dans le zip !!!!!
Tout est dans le zip !!!!!

Conclusion

Si vous avez des suggestions, constatation de bugs, n'hésitez pas à me faire signe

Voilà
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de wehtam le 11/02/2003 18:01:43

Super nickel ca marche super bien, mais j'ai un petit problème, j'esaye de l'utiliser couplé à du PHP, mais quand je valide mon formulaire, il me recupère que la dernière valeur du second champ. Car il faudrai nommer le second champ comme un tableau, mais qd je fais cela la bascule ne marche plus :((

signaler à un administrateur
Commentaire de firewire2 le 07/07/2004 14:53:58

C trop fort, merci Michel !!!!!!

signaler à un administrateur
Commentaire de TitiTotof le 24/02/2005 18:37:36

Je ne comprend pas puisque quand je lance la page de démonstration, rien ne fonctionne. Il y a bien les deux liste mais aucun élément passe de l'un à l'autre. Pourquoi ???????????????????

signaler à un administrateur
Commentaire de desinvolt le 15/05/2005 18:04:02

Bravo, fonctionne parfaitement sur pc et mac !
Ashorlivs

signaler à un administrateur
Commentaire de romalafrite le 03/07/2005 17:53:59

Alors deux améliorations.

1. Pour faire fonctionner avec des sélections multiple qui ont besoin d'un envoi sous forme de tableau (<select multiple="multiple" name="tableau[]" id="listselect"...)
  A. Rajouter <select name="listunselect" id="listunselect"(...) à la place de <select name="listunselect"
  B. Remplacer  affectetout(this.form.listselect,this.form.listunselect) par affectetout(document.getElementById('listselect'),document.getElementById('listunselect'))

2. Lors de la soumission, il faut sélectionner toutes les occurences dans la partie de droite, sinon rien n'est envoyé... pour ce faire :

function selectionnerTout(form,liste) {
    limit = document.forms[form].elements[liste].options.length;
    for ( i=0; i<limit && i<99; i++ ) // ici faudrait trouver un truc pour trouver le nombre d'option dans la liste
        document.forms[form].elements[liste].options[i].selected = true;
}

  <input type="button" value="Soumettre" onclick="if(!confirm('Êtes-vous sûr de vouloir ajouter cette entrée ?')) return false; else selectionnerTout('nomDuFormulaire','Name de la liste de droite'); document.nomDuFormulaire.submit();" />

Si vous avez des questions... sinon pas mal le script ;)

signaler à un administrateur
Commentaire de truckmush le 29/08/2005 23:13:16

Dans mon cas la liste de gauche est générée par un php/mysql.
Dans ce cas, ne peut-on pas fixer le nombre d'options dans la liste de gauche comme étant le max d'options possibles, cad le monbre d'entrées dans la liste de droite, nombre qui est facilement founi pas le php/mysql ???

Sinon félicitation...

signaler à un administrateur
Commentaire de truckmush le 29/08/2005 23:13:42

Dans mon cas la liste de gauche est générée par un php/mysql.
Dans ce cas, ne peut-on pas fixer le nombre d'options dans la liste de gauche comme étant le max d'options possibles, cad le monbre d'entrées dans la liste de droite, nombre qui est facilement founi pas le php/mysql ???

Sinon félicitation...

signaler à un administrateur
Commentaire de truckmush le 29/08/2005 23:43:32

Pour ceux, qui comme moi, on bien galéré pour traiter les données envoyées par post dans l'array tableau, voici comment j'ai procédé: ça marche !
foreach($_POST['tableau'] as $tableau)
{
traitement
}

Note: ça marche aussi avec get ;-)
Note2: peut-être est-ce élémentaire, mais pour moi cela ne l'était pas alors je suppause que pour d'autres non plus ;-)
Encore merci pour ce code GENIAL !!

signaler à un administrateur
Commentaire de chouxe le 16/04/2006 23:27:44

Bonjour,

Je voudrai utiliser ce script mais sans que les élements de la liste A soit effacé lorsque je les déplace dans la liste B.
Y a t'il une solution ?

Je vous remercie de votre aide

chouxe :)

signaler à un administrateur
Commentaire de anjouweb49 le 27/04/2006 14:44:04

Bonjour,

Merci pour ce script qui m'a économisé bcp de temps...il est simple mais très utile, surtout quand on met 2 plombes pour faire des petites bricoles en javascript, comme moi. Pour ce qui est du php je me débrouille mais javascript... donc voilà, tout simplement merci!

pour éviter que les éléments ne s'effacent de la première liste, je suppose qu'il suffit d'enlever la ligne :
    unaff.options[sel] = null;
de la première fonction affecte(...) et de la seconde fonction affectetout(...)

Manu.

signaler à un administrateur
Commentaire de bob1950 le 26/07/2006 12:10:39

Bonjour,

j'ai beau rajouté comme decrit ci dessus les lignes de codes pour récupérer mes données sous forme tableau rien a faire.
quelqu'un peut il m'aider ?
merci par avance

signaler à un administrateur
Commentaire de poulp86 le 23/01/2007 18:11:16

Super mais je souhaiterai savoir si il etait possible de faire un glisse deplacer une d'une ligne d'une de tes listes qui pointerait vers un fichier vers un programme exterieur type lecteur audio ou logiciel de retouche photo ?
Merci :)

signaler à un administrateur
Commentaire de dellen le 18/04/2007 15:48:51

Bonjour!
Je tiens à vous remercier pour ce code et ces améliorations, cela ma permis d'avancer trés rapidement sur mon projet, et ce, après avoir perdu beaucoup de temps à essayer en vain

signaler à un administrateur
Commentaire de mahmoul le 27/06/2007 13:28:36

Salut,
Je vous remerci pour c'est code parceque ils m'ont facilité la tache.
mais j'ai renconté une erreur de IE6 ""serveur génére une exeption eparcontre sur firefox ca marche bien
je veut ajouté un elemnet a une liste d'une autre page a travers textbox.
voici ma fonction JS:
function put() {

  if (window.opener && !window.opener.closed)
    window.opener.document.doctorform['id_specialty'].options[window.opener.document.doctorform['id_specialty'].options.length] = new Option(document.specialtyform.content_title.value,document.specialtyform.content_title.value, false,true);

  window.close();
}
eske qq1 peut m'aider je vien de débuter dans le développement et je ne sais pas koi faire?

merci d'avance

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version

Photothèque Nouveau !



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
Temps d'éxécution de la page : 0,530 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.