[DHTML] reponse a funwebmax : transfert entre deux listes

reponse a funwebmax : transfert entre deux listes [DHTML] - Programmation

Marsh Posté le 20-04-2001 à 14:51:36    

voila, dans la page html qui suit il est possible de transferer des elements de la liste 1 à la liste 2 et inversement. Si tu as des problemes de comprehension n'hesite pas.
 
j'ai testé sur ie5 ca marche, pour ie4 à voir.
 

Code :
  1. <html>
  2. <head>
  3. <title>transfert entre listes</title>
  4. </head>
  5. <body>
  6. <script language="javascript">
  7.   var ne=0;
  8.   var te=new Array();
  10.   function ee(i,t,l) {
  11.     this.id=i;
  12.     this.texte=t;
  13.     this.liste=l; // indique la liste ou se trouve l'element : 0 ou 1  
  14.     }
  16.   function ae(i,t,l) {
  17.     te[ne]=new ee(i,t,l);
  18.     ne++;
  19.     }
  21.   function il(l) {
  22.     var s="";
  23.     var n=0;
  24.     for (var i=0;i<ne;i++) {
  25.       if (te[i].liste==l) {
  26.         s=s+"<option value=\""+te[i].id+"\">"+te[i].texte+"</option>";
  27.         n++;
  28.         }
  29.       }
  30.     for (var i=n;i<ne;i++) {
  31.       s=s+"<option value=\"x\"></option>";
  32.       }
  33.     return(s);
  34.     }
  36.   function l12() {
  37.     var n1=0;
  38.     var n2=0;
  39.     for (var i=0;i<ne;i++) {
  40.       if (te[i].liste==1) {
  41.         document.all.l1.options[n1].value=te[i].id;
  42.         document.all.l1.options[n1].text=te[i].texte;
  43.         n1++;
  44.         }
  45.       else {
  46.         document.all.l2.options[n2].value=te[i].id;
  47.         document.all.l2.options[n2].text=te[i].texte;     
  48.         n2++;
  49.         } 
  50.       }
  51.     for (var i=n1;i<ne;i++) {
  52.       document.all.l1.options[i].value="x";
  53.       document.all.l1.options[i].text="";     
  54.       }
  55.     for (var i=n2;i<ne;i++) {
  56.       document.all.l2.options[i].value="x";
  57.       document.all.l2.options[i].text="";           
  58.       }
  59.     }
  61.   function e1() {
  62.     if (document.all.l2.selectedIndex<0) return;
  63.     var n=document.all.l2.options[document.all.l2.selectedIndex].value;
  64.     for (var i=0;i<ne;i++) {
  65.       if (te[i].id==n) {
  66.         te[i].liste=1;
  67.         }
  68.       }
  69.     l12(); 
  70.     }
  72.   function e2() {
  73.     if (document.all.l1.selectedIndex<0) return;
  74.     var n=document.all.l1.options[document.all.l1.selectedIndex].value;
  75.     for (var i=0;i<ne;i++) {
  76.       if (te[i].id==n) {
  77.         te[i].liste=2;
  78.         }
  79.       }
  80.     l12(); 
  81.     }
  83.   function et1() {
  84.     for (var i=0;i<ne;i++) te[i].liste=1;
  85.     l12(); 
  86.     }
  88.   function et2() {
  89.     for (var i=0;i<ne;i++) te[i].liste=2;
  90.     l12(); 
  91.     }
  93.   ae( 0,"Lundi",2);
  94.   ae( 1,"Mardi",2);
  95.   ae( 2,"Mercredi",2);
  96.   ae( 3,"Jeudi",2);
  97.   ae( 4,"Vendredi",2);
  98.   ae( 5,"Samedi",2);
  99.   ae( 6,"Dimanche",2); 
  101.   ae( 7,"janvier",1);
  102.   ae( 8,"février",1);
  103.   ae( 9,"mars",1);
  104.   ae(10,"avril",1);
  105.   ae(11,"mai",1);
  106.   ae(12,"juin",1);
  107.   ae(13,"juillet",1); 
  108.   ae(14,"aout",1); 
  109.   ae(15,"septembre",1); 
  110.   ae(16,"octobre",1); 
  111.   ae(17,"novembre",1); 
  112.   ae(18,"decembre",1);   
  113. </script>
  114. <table>
  115. <tr><td>
  116. <select name="l1" multiple size="16"><script language="javascript">document.write(il(1))</script></select>
  117. </td>
  118. <td>
  119. <table>
  120.   <tr><td><input type="button" value=" > " onClick="e2()"></td></tr>
  121.   <tr><td><input type="button" value=" < " onClick="e1()"></td></tr>
  122.   <tr><td><input type="button" value="<<"onClick="et1()"></td></tr>
  123.   <tr><td><input type="button" value=">>"onClick="et2()"></td></tr>
  124. </table>
  125. </td>
  126. <td>
  127. <select name="l2" multiple size="16"><script language="javascript">document.write(il(2))</script></select>
  128. </td></tr>
  129. </table>
  130. </body>
  131. </html>

Reply

Marsh Posté le 20-04-2001 à 14:51:36   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed