[AJAX] Probleme d'acces ID liste chainé

Probleme d'acces ID liste chainé [AJAX] - HTML/CSS - Programmation

Marsh Posté le 27-02-2008 à 08:24:46    

Bonjour,
 
 
je me lance doucement dans l'ajax, et je commence a prendre consciences de sa puissance, par contre je bloque sur une 3 listes chainées entre elles ...  
 
lorsque ma seconde est remplie l'id du select semble inaccessible, et donc j'ai un probleme d'acces a l'objet de la seconde liste générée par ajax,
 

Code :
  1. sel = document.getElementById('modele');
  2. idmodele = sel.options[sel.selectedIndex].value;


 
la j'ai un message d'erreur sel.options a la valeur nul ou n'est pas un objet,
 
lorsque j'affiche le code source je n'appercois pas la liste générée en ajax ! donc je n'arrive pas a débugger...
 
:evilred:
 
edit :  
voyez vous meme ...
http://www.jantes-alu.com/tst/index.php
 
 
 
 
 
voici mon code :
 
 
Javascript  

Code :
  1. <script type='text/javascript'>
  3.   function getXhr(){
  4.                                 var xhr = null;
  5.    if(window.XMLHttpRequest) // Firefox et autres
  6.       xhr = new XMLHttpRequest();
  7.    else if(window.ActiveXObject){ // Internet Explorer  
  8.       try {
  9.                   xhr = new ActiveXObject("Msxml2.XMLHTTP" );
  10.               } catch (e) {
  11.                   xhr = new ActiveXObject("Microsoft.XMLHTTP" );
  12.               }
  13.    }
  14.    else { // XMLHttpRequest non supporté par le navigateur  
  15.       alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
  16.       xhr = false;
  17.    }
  18.                                 return xhr;
  19.   }
  21.   /**
  22.   * Méthode qui sera appelée sur le click du bouton
  23.   */
  24.   function go(){
  25.    var xhr = getXhr();
  26.    // On défini ce qu'on va faire quand on aura la réponse
  27.    xhr.onreadystatechange = function(){
  28.     // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
  29.     if(xhr.readyState == 4 && xhr.status == 200){
  30.      leselect = xhr.responseText;
  31.      // On se sert de innerHTML pour rajouter les options a la liste
  32.      document.getElementById('modele').innerHTML = leselect;
  33.     }
  34.    }
  36.    // Ici on va voir comment faire du post
  37.    xhr.open("POST","scripts/agax_listerecherchemodele.php",true);
  38.    // ne pas oublier ça pour le post
  39.    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  40.    // ne pas oublier de poster les arguments  
  41.    // ici, l'id  
  42.    sel = document.getElementById('marque');
  43.    idmarque = sel.options[sel.selectedIndex].value;
  47.    xhr.send("idMarque="+idmarque);
  49.   }
  51.   function gotst(){
  52.    alert("tst" );
  53.    sel = document.getElementById('modele');
  54.    idmodele = sel.options[sel.selectedIndex].value;
  55.    }
  57.   function go_type(){
  58.    var xhr = getXhr();
  59.    // On défini ce qu'on va faire quand on aura la réponse
  60.    xhr.onreadystatechange = function(){
  61.     // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
  62.     if(xhr.readyState == 4 && xhr.status == 200){
  63.      leselect = xhr.responseText;
  64.      // On se sert de innerHTML pour rajouter les options a la liste
  65.      document.getElementById('type').innerHTML = leselect;
  66.     }
  67.    }
  69.    // Ici on va voir comment faire du post
  70.    xhr.open("POST","scripts/agax_listerecherchetype.php",true);
  71.    // ne pas oublier ça pour le post
  72.    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  73.    // ne pas oublier de poster les arguments  
  74.    // ici, l'id  
  75.    sel = document.getElementById('modele');
  76.    idmodele = sel.options[sel.selectedIndex].value;
  80.    xhr.send("idModele="+idmodele);
  83.   }
  84.  </script>


 
Mes listes

Code :
  1. <?
  2.   //$req="select * from voiture_marque where visible = 1 order by id ASC";
  3.   //$req="SELECT DISTINCT MARQUE, ID FROM `database` GROUP BY MARQUE ";
  5.   $req="SELECT DISTINCT MARQUE  FROM `database` WHERE 1";
  6.   $bdd->setQuery($req);
  7.   $rescar = $bdd->executeQuery();
  8.  ?>
  9.         <select name="marque"  title="Constructeurs automobiles" class="rechercheliste"  onchange="go();">
  10.           <option value="-1" selected="selected">Marque</option>
  11.           <?
  12.   for($i=0;$i<sizeof($rescar);$i++){
  13.  if($rescar[$i][0]!="" ){
  14.   ?>
  15.           <option  value="<? echo $rescar[$i][0]; ?>" ><? echo stripslashes(nl2br($rescar[$i][0])); ?></option>
  16.           <?
  17.   }
  18.  } 
  19.   ?>
  20.           </select>
  23.     <div id='modele' style='display:inline'>
  24.       <select name="modele" id="modele" title="Modeles automobiles"  class="rechercheliste">
  25.         <option value='-1'>Modèle</option>
  26.       </select>
  27.       </div>
  29.     <div id='type' style='display:inline'>
  30.       <select name="type" id="type" title="Type automobiles"  class="rechercheliste" >
  31.         <option value='-1'>Type</option>
  32.         </select>
  33.       </div>


 
agax_listerecherchemodele.php

Code :
  1. <?php
  3. include ("../tpl/ho.php" );
  4. //connexion
  6. echo "<select name='modele' id='modele' class='rechercheliste' OnChange='gotst()'>";
  8. if(isset($_POST["idMarque"])){
  10. $idmarque=$_POST["idMarque"];
  11. // $idmarque=6;
  12. //$req="select * from voiture_modele where IDMARQUE = ".$idmarque." and visible = 1 order by id ASC";
  13. $req="SELECT DISTINCT MODELE FROM `database` WHERE MARQUE = '$idmarque' ";
  14. $bdd->setQuery($req);
  15. $res = $bdd->executeQuery();
  18. for($i=0;$i<sizeof($res);$i++){
  19.   echo "<option value='".stripslashes($res[$i][0])."'>".stripslashes($res[$i][0])."</option>";
  20.  }
  21. }else{
  22. echo "<option value='-1'>Modèle</option>";
  23. }
  24.  echo "</select>";
  26. ?>


 
 
agax_listerecherchetype.php
(la requette n'est pas a jour mais de tte facon l'ajax n'ajax pas !)
 

Code :
  1. <?php
  3. include ("../tpl/ho.php" );
  7. if(isset($_POST["idModele"])){
  9. $idmodele=$_POST["idModele"];
  10. // $idmarque=6;
  11. //$req="select * from voiture_modele where IDMARQUE = ".$idmarque." and visible = 1 order by id ASC";
  13. $req="SELECT DISTINCT MODELE FROM `database` ";
  14. $bdd->setQuery($req);
  15. $res = $bdd->executeQuery();
  18. echo "<select name='type' id='type' class='rechercheliste'>";
  20. for($i=0;$i<sizeof($res);$i++){
  21.   echo "<option value='".$res[$i][0]."'>".stripslashes($res[$i][0])."</option>";
  22.  }
  24.  echo "</select>";
  26. }
  27. ?>


 
 
J'ai une erreur sel.option a la valeur null ou n'est pas un objet
et lorsque j'affiche la source forcément ma liste n'apparait pas .... donc je ne peux pas débugger ...

Message cité 1 fois

---------------
la vie à le goût qu'on lui donne !! Vive le photo numérique et le tirage photo
Reply

Marsh Posté le 27-02-2008 à 08:24:46   

Reply

Marsh Posté le 27-02-2008 à 09:49:39    

Tu fais ça:

Code :
  1. sel = document.getElementById('marque');


Pourrais tu nous indiquer où dans ton code, tu as un noeud avec l'id marque stp!


---------------
Software and cathedrals are much the same - first we build them, then we pray.
Reply

Marsh Posté le 27-02-2008 à 12:13:18    

oui excuse moi c'est dans la premiere liste, je n'ai pas mis le code car je n'ai pas jugé important mais il est visible sur  
 
http://www.jantes-alu.com/tst/index.php  


---------------
la vie à le goût qu'on lui donne !! Vive le photo numérique et le tirage photo
Reply

Marsh Posté le 27-02-2008 à 12:25:12    

c'est bien sur cette url que j'ai regardé :o
Donc montre moi le bout de code ou il y a id="marque"...


---------------
Software and cathedrals are much the same - first we build them, then we pray.
Reply

Marsh Posté le 27-02-2008 à 13:04:11    

C'est exacte en faisant des tests j'ai du le virer ...  cependent il etait dans la premiere liste "marque". Bon ca fonctionne sans donc il devait pas etre indispensable ... ?

Message cité 1 fois

---------------
la vie à le goût qu'on lui donne !! Vive le photo numérique et le tirage photo
Reply

Marsh Posté le 27-02-2008 à 13:18:02    

mims1664 a écrit :

la j'ai un message d'erreur sel.options a la valeur nul ou n'est pas un objet,


mims1664 a écrit :

Bon ca fonctionne sans donc il devait pas etre indispensable ... ?


:/ :/ :/
 
S'quoi le problème alors?
 


---------------
Software and cathedrals are much the same - first we build them, then we pray.
Reply

Marsh Posté le 27-02-2008 à 13:23:26    

c'est pour récupérer l'ID de la seconde liste pour remplir la 3eme ....


---------------
la vie à le goût qu'on lui donne !! Vive le photo numérique et le tirage photo
Reply

Marsh Posté le 27-02-2008 à 14:00:00    

"chez moi", ça plante à la 1ere liste hein ...  
Impossible d'avoir la 2eme


---------------
Software and cathedrals are much the same - first we build them, then we pray.
Reply

Marsh Posté le 27-02-2008 à 15:44:42    

Je viens de rajouter le ID="marque" dans la premiere liste, essaye voir ...
 
sinon tu as IE ? quel version ?
 
merci

Message cité 1 fois
Reply

Marsh Posté le 27-02-2008 à 15:57:21    

mims1664 a écrit :

Je viens de rajouter le ID="marque" dans la premiere liste, essaye voir ...


tout qui marche c'est magic  [:cerveau zeusy]  

mims1664 a écrit :

sinon tu as IE ? quel version ?


Firefox ça s'appele  


---------------
Software and cathedrals are much the same - first we build them, then we pray.
Reply

Marsh Posté le 27-02-2008 à 15:57:21   

Reply

Marsh Posté le 27-02-2008 à 16:08:24    

TOUT quand tu dis TOUT c'est juste le second ? ?


---------------
la vie à le goût qu'on lui donne !! Vive le photo numérique et le tirage photo
Reply

Sujets relatifs:

Leave a Replay

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