[Javascript] basculement entre 2 listes

chouxe Messages postés 30 Statut Membre -  
sofmartel Messages postés 342 Statut Membre -
Bonjour a tous,

Voila j'utilise un script qui permet de basculer des élements d'une liste vers une autre. Mais le probleme c que je peux faire qu'element par element. Y a t'il un moyen de faire basculer plusieurs élements en même temps dans la deuxieme liste ?

voici mon script 
 
function Deplacer(l1,l2) {
if (l1.options.selectedIndex>=0) {
o=new Option(l1.options[l1.options.selectedIndex].text,
l1.options[l1.options.selectedIndex].value);
l2.options[l2.options.length]=o;
}else{
alert("Aucune activité sélectionnée");
}
}


Merci à tous,
Help me please ;)

chouxe
A voir également:

1 réponse

Réponse 1 / 1
Utilisateur anonyme
  
<html>
  <head>
    <script>
      var selOptions = new Array();

      function swap(listFrom, listTo){
        fromList=document.getElementsByName(listFrom)[0];
        toList = document.getElementsByName(listTo)[0];
        while (fromList.selectedIndex != -1){
            addOption(toList,fromList.options[fromList.selectedIndex]);
            fromList.options.remove(fromList.selectedIndex);
        }
      }

      function addOption(list, option){
	list.options[list.options.length]=new Option(option.innerHTML,option.value);

      }
    </script>
  </head>
  <body>
    <table>
      <tr>
        <td rowspan="2">
          <select name="listA" id="listA" multiple="true">
            <option value="A">A</option>
            <option value="B">B</option>
            <option value="C">C</option>
            <option value="D">D</option>
          </select>
        </td>
        <td>
          <button onclick="swap('listA','listB');">&gt;</button>
        </td>
        <td rowspan="2">
          <select name="listB" id="listB" multiple="true">
            <option value="E">E</option>
            <option value="F">F</option>
            <option value="G">G</option>
            <option value="H">H</option>
          </select>
        </td>
      </tr>
      <tr>
       <td>
         <button onclick="swap('listB','listA');">&lt;</button>
       </td>
      </tr>
    </table>
  </body>
<html>


;-)
HackTrack
-1
m4r3 Messages postés 16 Statut Membre 8
 
Bonjour, merci pour ce script genial , pouvez vous m'aider car je rencontre un petit souci svp, j'utilise des listes lié qui affichent des categories puis ensuite les produits de la categorie choisi (en ajax) (l'ajout des produits dans une autre liste se passe bien) mais ensuite quand je clique sur une autre categorie les element ajouter precedement ne s'affiche plus, serais il possible de sauvegarder dans un cookies ou autre au passage de la fonction pour pouvoir reafficher les elements ajouter.

Jai trouvé cette fonction js et php http://www.javascriptfr.com qui parcoure la liste et affiche tous les elements via un submit mais voila au pire la liste recommence du debut et surtout la page se recharge.

Pour infos: Les fonctions JS, AJAX sont dans une 1er page ainci que le 1er select, touts les autres select se trouve dans une 2eme page. la methode est : le 1er select envoie sa valeur à la page2 et le 2eme select affiche la sous categorie par rapport à la valeur du premier select, l'appelle des autre select s'effecue sur la page 2 dans le meme systeme de valeur.

Merci pour votre aide !!!
0
smile88 Messages postés 66 Statut Membre 3
 
Bonjour,
SVP je veux faire 2 listes et deplacer les elements entre les deux listes mais aussi je veux faire deux autre button apar "<" et ">" , ">>" "<<" qui permet de deplacer tous les elements de la liste
0
master-tmt
 
salut je veux savoir comment récupérer les éléments insérés dans liste2 en php
0
sofmartel Messages postés 342 Statut Membre 2
 
fromList=document.getElementsByName(listFrom)[0];
a koi correspond "[0] ?
0

Discussions similaires

Paris multiple : explications de 2/3, 3/4, 2/4, 2/5, etc.
florent.c -
Aide -

85 réponses
Voxbone ? qui est-ce ?
fanfan54 -
ntrece13 -

159 réponses
Erreur CE-35888-2
Melvyn -
MPMP10 -

1 réponse