[Javascript] basculement entre 2 listes

HackTrack, le mardi 18 avril 2006 à 08:52:43

<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

Répondre à HackTrack Signaler ce message aux modérateurs Revenir à la discussion

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

m4r3, le mercredi 23 avril 2008 à 07:19:14

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

Répondre à m4r3

Posez votre question Répondre