probleme avec un javascript

probleme avec un javascript - HTML/CSS - Programmation

Marsh Posté le 15-07-2002 à 18:09:34    

Voila le script qui me pause probleme sous mozilla/netscape mais po sous ie.
Si queql'un sait comment le corriger (un seul champs s'affiche au lieu de 2)
 
   

Code :
  1. <select name="cat_select" size="1" onChange="setInd(this)">
  2.     <option value="41" selected>Vehicules</option>
  3.     <option value="50">Collections</option>
  5.     <option value="51">Jeux Jouets Figurines</option>
  6.     <option value="52">Culture</option>
  7.     <option value="53">Loisirs Vacances</option>
  8.     <option value="54">Maison et Jardin</option>
  9.     <option value="55">Téléphonie</option>
  10.     <option value="56">Tv Hifi Video</option>
  12.     <option value="57">Vetements, Textiles</option>
  13.     <option value="58">Informatique</option>
  14.     <option value="99">Cinéma, Vidéos et DVD</option>
  15.   </select>
  17.   </td>
  18.  </tr>
  19.  <tr>
  21.   <!-- sous categorie -->
  22.   <td align="left" width="100%" colspan="2">
  23.    <font class="normal"><b>Sous Catégorie*</b></font>
  24.   </td>
  25.   <td>
  26.    <font class="normal"><b>:</b></font>
  27.   </td>
  28.   <td valign="bottom" align="left">
  30.  
  31.  
  32.  
  33.    <div id="test"></div>
  34.    
  35.   <script language="Javascript">
  36.    var option = new Array(
  37.   "41;43;Deux Roues"
  38.    
  39.   ,"41;44;Voiture"
  40.    
  41.   ,"41;46;Bateaux"
  42.    
  43.   ,"41;47;Transport"
  44.    
  45.   ,"41;48;Camping Car, Caravane"
  46.    
  47.   ,"41;49;Autres"
  48.    
  49.   ,"50;59;Timbres"
  50.    
  51.   ,"50;60;Monnaies"
  52.    
  53.   ,"50;61;Cartes Postales"
  54.    
  55.   ,"50;62;Autres"
  56.    
  57.   ,"51;63;Jeux Videos, Consoles"
  58.    
  59.   ,"51;64;Jouets Enfants"
  60.    
  61.   ,"51;65;Jeux Société"
  62.    
  63.   ,"51;66;Autres"
  64.    
  65.   ,"52;67;Livres"
  66.    
  67.   ,"52;68;Bande Dessinée"
  68.    
  69.   ,"52;69;Revues"
  70.    
  71.   ,"52;70;Art"
  72.    
  73.   ,"52;71;Autres"
  74.    
  75.   ,"53;72;Location"
  76.    
  77.   ,"53;73;Voyage"
  78.    
  79.   ,"53;74;Equipement"
  80.    
  81.   ,"53;75;Jeux de Plage"
  82.    
  83.   ,"53;76;Accessoires de sports"
  84.    
  85.   ,"53;77;Autres"
  86.    
  87.   ,"54;78;Outils"
  88.    
  89.   ,"54;79;Décoration"
  90.    
  91.   ,"54;80;Mobilier"
  92.    
  93.   ,"54;81;Autres"
  94.    
  95.   ,"55;82;Portable"
  96.    
  97.   ,"55;83;Fixe"
  98.    
  99.   ,"55;84;Sans Fil"
  100.    
  101.   ,"55;85;Autres"
  102.    
  103.   ,"56;86;Télévision"
  104.    
  105.   ,"56;87;Magnétoscope"
  106.    
  107.   ,"56;88;Lecteur DVD"
  108.    
  109.   ,"56;89;Matériel Audio"
  110.    
  111.   ,"56;90;Autres"
  112.    
  113.   ,"57;91;Habits Homme"
  114.    
  115.   ,"57;92;Habits Femme"
  116.    
  117.   ,"57;93;Habits Enfant"
  118.    
  119.   ,"57;94;Autres"
  120.    
  121.   ,"58;95;Ordinateur"
  122.    
  123.   ,"58;96;Périphériques"
  124.    
  125.   ,"58;97;Composants"
  126.    
  127.   ,"58;98;Autres"
  128.    
  129.   ,"99;100;Dvd Zone 1"
  130.    
  131.   ,"99;101;Dvd Zone 2"
  132.    
  133.   ,"99;102;VHS"
  134.    
  135.   ,"99;103;Laserdisc"
  136.    
  137.   ,"99;104;VCD"
  138.    
  139.   ,"99;105;Autres"
  140.    
  141.    );
  142.    var cpt1,cpt2,cpt3,parent,id,titre;
  143.    var c = "<select name='ss_cat_select' size='1'>";
  144.    for (i=0; i < option.length;i++)
  145.    {
  146.     cpt1 = option[i].indexOf(';');
  147.     parent = option[i].substr(0,cpt1);
  148.     cpt2 = option[i].lastIndexOf(';');
  149.     id = option[i].substr(cpt1+1,cpt2-3);
  150.     titre = option[i].substr(cpt2+1);
  151.     if (parent == '41')
  152.     {
  153.      if (id == '')
  154.      {
  155.       c = c+"<option value='"+id+"' selected>"+titre+"</option>";
  156.      }
  157.      else
  158.      {
  159.       c = c+"<option value='"+id+"' >"+titre+"</option>";
  160.      }
  161.     }
  162.    }
  163.    c = c+"</select>";
  164.    test.innerHTML=c;
  165.    function setInd(ind)
  166.    {
  167.     var cpt1,cpt2,cpt3,parent,id,titre;
  168.     var c = "<select name='ss_cat_select' size='1'>";
  169.     for (i=0; i < option.length;i++)
  170.     {
  171.      cpt1 = option[i].indexOf(';');
  172.      parent = option[i].substr(0,cpt1);
  173.      cpt2 = option[i].lastIndexOf(';');
  174.      id = option[i].substr(cpt1+1,cpt2-3);
  175.      titre = option[i].substr(cpt2+1);
  176.      if (parent == ind.value)
  177.      {
  178.       c = c+"<option value='"+id+"'>"+titre+"</option>";
  179.      }
  180.     }
  181.     c = c+"</select>";
  182.     test.innerHTML=c;
  183.    }
  184.   </script>


Message édité par kakou le 15-07-2002 à 18:10:13
Reply

Marsh Posté le 15-07-2002 à 18:09:34   

Reply

Marsh Posté le 15-07-2002 à 18:13:17    

t'es gentil mais tu pourais au moins marquer l'erreur :sarcastic:


---------------
All we need is a soul revolution
Reply

Marsh Posté le 15-07-2002 à 18:21:25    

l'erreur on le voit quand ca s'execute sous ie on voit bien deux champs de selection dont le deuxieme est deduit du premier et sous mozilla/netscape, un seul

Reply

Marsh Posté le 15-07-2002 à 19:08:05    

quelle horreur ... tu pourrais au moins debugger un minimum et isoler ce qui plante.
 
eg pour récupérer un élément, c'est document.getElementById(). test.machin ne marche que sous ie.

Reply

Marsh Posté le 15-07-2002 à 19:33:22    

moi je n'ai qu'un chose a dire php powaaaa
tu fais une table mysql ou mm un fichier texte et tu mets un  
Header("" ) qui envoie ta premiere cat en variable et qui l'affiche au rechargement de la page ou un truc dans le genre ou alors si tu es grave un fana de JavaScript tu fais un parent.location


Message édité par fripouille le 15-07-2002 à 19:33:59
Reply

Marsh Posté le 16-07-2002 à 09:08:26    

bé c'est un script générer par net.data avec une base db2.
et c'est po moi qui la fait :) mais je dois corriger le site

Reply

Marsh Posté le 16-07-2002 à 10:40:25    

  <!-- sous categorie -->
   <td align="left" width="100%" colspan="2">
    <font class="normal"><b>Sous Catégorie*</b></font>
   </td>
   <td>
    <font class="normal"><b>:</b></font>
   </td>
   <td valign="bottom" align="left">
 
----------------------------------
 
il te manque un </td> voir un </table> voir un </tr> ... enfin verifie tout ce bordel, comme tu fous du JavaScript en plein milieu de la definition d un tableau, c pas super super clean comme code

Reply

Marsh Posté le 16-07-2002 à 10:54:22    

ok je vais vérifier ce truc

Reply

Marsh Posté le 20-07-2002 à 00:58:38    

Je pense que innerHTML ne fonctionne qu'à partir de NS6 et encore pas sûr, en gros ton 2éme combo (le bout de code HTML qui lui correspond) est bien créé mais ne peut être affiché !
 
essaye plutot ca :
 

Code :
  1. <script language="Javascript">
  3. function buildCombo(){
  4. var i, arrTemp;
  5.   var option = new Array(
  6.   "41;43;Deux Roues"
  7.    
  8.   ,"41;44;Voiture"
  9.    
  10.   ,"41;46;Bateaux"
  11.    
  12.   ,"41;47;Transport"
  13.    
  14.   ,"41;48;Camping Car, Caravane"
  15.    
  16.   ,"41;49;Autres"
  17.    
  18.   ,"50;59;Timbres"
  19.    
  20.   ,"50;60;Monnaies"
  21.    
  22.   ,"50;61;Cartes Postales"
  23.    
  24.   ,"50;62;Autres"
  25.    
  26.   ,"51;63;Jeux Videos, Consoles"
  27.    
  28.   ,"51;64;Jouets Enfants"
  29.    
  30.   ,"51;65;Jeux Société"
  31.    
  32.   ,"51;66;Autres"
  33.    
  34.   ,"52;67;Livres"
  35.    
  36.   ,"52;68;Bande Dessinée"
  37.    
  38.   ,"52;69;Revues"
  39.    
  40.   ,"52;70;Art"
  41.    
  42.   ,"52;71;Autres"
  43.    
  44.   ,"53;72;Location"
  45.    
  46.   ,"53;73;Voyage"
  47.    
  48.   ,"53;74;Equipement"
  49.    
  50.   ,"53;75;Jeux de Plage"
  51.    
  52.   ,"53;76;Accessoires de sports"
  53.    
  54.   ,"53;77;Autres"
  55.    
  56.   ,"54;78;Outils"
  57.    
  58.   ,"54;79;Décoration"
  59.    
  60.   ,"54;80;Mobilier"
  61.    
  62.   ,"54;81;Autres"
  63.    
  64.   ,"55;82;Portable"
  65.    
  66.   ,"55;83;Fixe"
  67.    
  68.   ,"55;84;Sans Fil"
  69.    
  70.   ,"55;85;Autres"
  71.    
  72.   ,"56;86;Télévision"
  73.    
  74.   ,"56;87;Magnétoscope"
  75.    
  76.   ,"56;88;Lecteur DVD"
  77.    
  78.   ,"56;89;Matériel Audio"
  79.    
  80.   ,"56;90;Autres"
  81.    
  82.   ,"57;91;Habits Homme"
  83.    
  84.   ,"57;92;Habits Femme"
  85.    
  86.   ,"57;93;Habits Enfant"
  87.    
  88.   ,"57;94;Autres"
  89.    
  90.   ,"58;95;Ordinateur"
  91.    
  92.   ,"58;96;Périphériques"
  93.    
  94.   ,"58;97;Composants"
  95.    
  96.   ,"58;98;Autres"
  97.    
  98.   ,"99;100;Dvd Zone 1"
  99.    
  100.   ,"99;101;Dvd Zone 2"
  101.    
  102.   ,"99;102;VHS"
  103.    
  104.   ,"99;103;Laserdisc"
  105.    
  106.   ,"99;104;VCD"
  107.    
  108.   ,"99;105;Autres"
  109.    
  110.   );
  112.   for (i=0;i<document.frm.ss_cat_select.options.length;i++){
  113. document.frm.ss_cat_select.options[0] = null; 
  114. }
  115. for (i=0; i < option.length;i++) {
  116. arrTemp = option[i].split(";" );
  117. if (arrTemp[0]==document.frm.cat_select.options[document.frm.cat_select.selectedIndex].value)
  118.  document.frm.ss_cat_select.options[document.frm.ss_cat_select.options.length]  = new Option(arrTemp[2],arrTemp[1]);
  120. }
  121. }
  123. </script>
  124. <html> <body onload="buildCombo()">
  125. <form name="frm">
  126. <table><tr><td>
  127. <select name="cat_select" size="1" onChange="buildCombo()">
  128.    <option value="41" selected>Vehicules</option>
  129.    <option value="50">Collections</option>
  131.    <option value="51">Jeux Jouets Figurines</option>
  132.    <option value="52">Culture</option>
  133.    <option value="53">Loisirs Vacances</option>
  134.    <option value="54">Maison et Jardin</option>
  135.    <option value="55">Téléphonie</option>
  136.    <option value="56">Tv Hifi Video</option>
  138.    <option value="57">Vetements, Textiles</option>
  139.    <option value="58">Informatique</option>
  140.    <option value="99">Cinéma, Vidéos et DVD</option>
  141. </select>
  143.   </td>
  144. </tr>
  145. <tr>
  147.   <!-- sous categorie -->
  148.   <td valign="bottom" align="left">
  150.     <select name='ss_cat_select' size='1'>
  151. <!--Mettre assez de nbsp; pour que la combo soit assez large--> <option>              </option>
  152. </select>
  153.    
  154.    
  155.    <div id="test"></div>
  156.      </td>
  157. </tr>
  158. </table>
  161. </body>
  162. </html>


Message édité par asc le 20-07-2002 à 01:01:29
Reply

Marsh Posté le 20-07-2002 à 01:16:02    

InnerHtml ne fonctionne que sous IE donc normal que ça marche pas.
Solution ? Killer Netscape...

Reply

Marsh Posté le 20-07-2002 à 01:16:02   

Reply

Marsh Posté le 23-07-2002 à 13:28:03    

ok merci je vais tester

Reply

Sujets relatifs:

Leave a Replay

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