Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3366 connectés 

  FORUM HardWare.fr
  Programmation

  [DHTML] reponse a funwebmax : interaction entre deux listes

 
 


Dernière réponse
Sujet : [DHTML] reponse a funwebmax : interaction entre deux listes
darkoli dans la page html qui suit lorsque la selection change dans la premiere liste, le contenu de la deuxieme liste est effacé puis remplacé par un nouveau contenu en fonction de la selection de la premiere liste.
 
testé sur ie5.
 

Code :
  1. <html>
  2. <head>
  3.   <title>Liste deroulantes</title>
  4.   <style>
  5.     select{font-family:courier new}
  6.     form{margin-top:0em}
  7.   </style>
  8. </head>
  9. <body>
  10. <script language="javascript">
  11.   var na=0;
  12.   var ta=new Array();
  14.   var nb=0;
  15.   var tb=new Array();
  17.   var nbm=0;
  19.   function ea(i,t) {
  20.     this.id=i;
  21.     this.texte=t;
  22.     this.taille=0;
  23.     }
  25.   function eb(a,i,t) {
  26.     this.ida=a;
  27.     this.id=i;
  28.     this.texte=t;
  29.     ta[a].taille=ta[a].taille+1;
  30.     if (ta[a].taille>nbm) nbm=ta[a].taille;
  31.     }
  33.   function aa(i,t) {
  34.     ta[na]=new ea(i,t);
  35.     na++;
  36.     }
  38.   function ab(a,i,t) {
  39.     tb[nb]=new eb(a,i,t);
  40.     nb++;
  41.     }
  43.   function ia() {
  44.     var s="";
  45.     for (var i=0;i<na;i++) {
  46.       s=s+"<option value=\""+ta[i].id+"\">"+ta[i].texte+"</option>";
  47.       }
  48.     return(s);
  49.     }
  51.   function ib() {
  52.     var s="";
  53.     for (var i=0;i<nb;i++) {
  54.       if (ta[0].id==tb[i].ida) {
  55.         s=s+"<option value=\""+tb[i].id+"\">"+tb[i].texte+"</option>";
  56.         }
  57.       }
  58.     for (var i=ta[0].taille;i<nbm;i++) {
  59.       s=s+"<option value=\"x\"></option>";
  60.       }
  61.     return(s);
  62.     }
  64.   function ca() {
  65.     var n=document.all.liste_a.options[document.all.liste_a.selectedIndex].value;
  66.     var nc=0;
  67.     for (var i=0;i<nbm;i++) {
  68.       document.all.liste_b.options[i].value="x";
  69.       document.all.liste_b.options[i].text="";
  70.       }
  71.     for (var i=0;i<nb;i++) {
  72.       if (n==tb[i].ida) {
  73.         document.all.liste_b.options[nc].value=tb[i].id;
  74.         document.all.liste_b.options[nc].text=tb[i].texte;
  75.         nc++;
  76.         }
  77.       }
  78.     }
  80.   aa(0,"ville" );
  81.   aa(1,"region" );
  82.   aa(2,"pays" );
  84.   ab(0,0,"montbeliard" );
  85.   ab(0,1,"belfort" );
  86.   ab(0,2,"paris" );
  87.   ab(1,0,"franche comté" );
  88.   ab(1,1,"ile de france" );
  89.   ab(2,0,"france" );
  90.   ab(2,1,"italie" );
  91.   ab(2,2,"espagne" );
  92.   ab(2,3,"danemark" );
  93. </script>
  94. <select name="liste_a" onChange="ca()"><script language="javascript">document.write(ia())</script></select>
  95. <select name="liste_b" ><script language="javascript">document.write(ib())</script></select>
  96. </body>
  97. </html>

Votre réponse
Nom d'utilisateur    Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !
Le ton de votre message                        
                       
Votre réponse
[b][i][u][strike][spoiler][fixed][cpp][url][email][img][*]   
 
   [quote]
 
Options

 
Vous avez perdu votre mot de passe ?


Vue Rapide de la discussion
darkoli dans la page html qui suit lorsque la selection change dans la premiere liste, le contenu de la deuxieme liste est effacé puis remplacé par un nouveau contenu en fonction de la selection de la premiere liste.
 
testé sur ie5.
 

Code :
  1. <html>
  2. <head>
  3.   <title>Liste deroulantes</title>
  4.   <style>
  5.     select{font-family:courier new}
  6.     form{margin-top:0em}
  7.   </style>
  8. </head>
  9. <body>
  10. <script language="javascript">
  11.   var na=0;
  12.   var ta=new Array();
  14.   var nb=0;
  15.   var tb=new Array();
  17.   var nbm=0;
  19.   function ea(i,t) {
  20.     this.id=i;
  21.     this.texte=t;
  22.     this.taille=0;
  23.     }
  25.   function eb(a,i,t) {
  26.     this.ida=a;
  27.     this.id=i;
  28.     this.texte=t;
  29.     ta[a].taille=ta[a].taille+1;
  30.     if (ta[a].taille>nbm) nbm=ta[a].taille;
  31.     }
  33.   function aa(i,t) {
  34.     ta[na]=new ea(i,t);
  35.     na++;
  36.     }
  38.   function ab(a,i,t) {
  39.     tb[nb]=new eb(a,i,t);
  40.     nb++;
  41.     }
  43.   function ia() {
  44.     var s="";
  45.     for (var i=0;i<na;i++) {
  46.       s=s+"<option value=\""+ta[i].id+"\">"+ta[i].texte+"</option>";
  47.       }
  48.     return(s);
  49.     }
  51.   function ib() {
  52.     var s="";
  53.     for (var i=0;i<nb;i++) {
  54.       if (ta[0].id==tb[i].ida) {
  55.         s=s+"<option value=\""+tb[i].id+"\">"+tb[i].texte+"</option>";
  56.         }
  57.       }
  58.     for (var i=ta[0].taille;i<nbm;i++) {
  59.       s=s+"<option value=\"x\"></option>";
  60.       }
  61.     return(s);
  62.     }
  64.   function ca() {
  65.     var n=document.all.liste_a.options[document.all.liste_a.selectedIndex].value;
  66.     var nc=0;
  67.     for (var i=0;i<nbm;i++) {
  68.       document.all.liste_b.options[i].value="x";
  69.       document.all.liste_b.options[i].text="";
  70.       }
  71.     for (var i=0;i<nb;i++) {
  72.       if (n==tb[i].ida) {
  73.         document.all.liste_b.options[nc].value=tb[i].id;
  74.         document.all.liste_b.options[nc].text=tb[i].texte;
  75.         nc++;
  76.         }
  77.       }
  78.     }
  80.   aa(0,"ville" );
  81.   aa(1,"region" );
  82.   aa(2,"pays" );
  84.   ab(0,0,"montbeliard" );
  85.   ab(0,1,"belfort" );
  86.   ab(0,2,"paris" );
  87.   ab(1,0,"franche comté" );
  88.   ab(1,1,"ile de france" );
  89.   ab(2,0,"france" );
  90.   ab(2,1,"italie" );
  91.   ab(2,2,"espagne" );
  92.   ab(2,3,"danemark" );
  93. </script>
  94. <select name="liste_a" onChange="ca()"><script language="javascript">document.write(ia())</script></select>
  95. <select name="liste_b" ><script language="javascript">document.write(ib())</script></select>
  96. </body>
  97. </html>

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)