begin process at 2010 02 10 13:37:19
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Divers

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

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


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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 445 / 1 069

Auteur : Skyride

Ecrire un message privé
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

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


 Sources du même auteur

Source avec Zip AVANCEMENT DE TÂCHES AVEC PROGRESSION
Source avec Zip EFFET K2000
Source avec Zip OUVERTURE D'UN RIDEAU
Source avec Zip ANIMATION FOCUS DYNAMIQUE
RECHERCHER UNE EXPRESSION AVEC LES REGEXP

 Sources de la même categorie

Source avec Zip MOOTABLEAU par Miky76
Source avec Zip CALCULER VOTRE IMC par lesnouesremy
CONSOLE DOS par djebbipgm
Source avec Zip PLUGIN JQUERY ARTE: AJOUTER DU TEMPS REEL SUR VOS PAGES WEB par arthurobriot
FAIRE UN FILTRE DES VILLES par scropfi01

Commentaires et avis

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 :((

Commentaire de firewire2 le 07/07/2004 14:53:58

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

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 ???????????????????

Commentaire de desinvolt le 15/05/2005 18:04:02

Bravo, fonctionne parfaitement sur pc et mac !
Ashorlivs

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 ;)

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...

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...

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 !!

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 :)

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.

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

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 :)

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

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...

Comparez les prix


HTC Hero

Entre 550€ et 550€

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
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 : 1,061 sec (4)

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