Listes déroulantes liées entre elles

Listes déroulantes liées entre elles - PHP - Programmation

Marsh Posté le 09-08-2007 à 15:53:32    

Je cherche un code qui affiche des résultats dans la 2éme liste selon le choix fait au première. c'est un vrai casse tête.
Pour commencer, je me connecte à ma BDD, après ça se complique.
Pourriez vous m'aider??

Reply

Marsh Posté le 09-08-2007 à 15:53:32   

Reply

Marsh Posté le 09-08-2007 à 16:10:08    

le plus simple c'est d'utiliser un petit bout d'Ajax, appelé sur un onChange de la premiere liste

Reply

Marsh Posté le 09-08-2007 à 16:12:59    

ça dépend du nombre d'entrées dans chacune des listes, tu peux aussi générer des variables javascripts, et tout faire en javascript directement.

Message cité 1 fois
Reply

Marsh Posté le 09-08-2007 à 16:13:29    

wi j'ai vu ça..
mais je veux bien avoir une trame d'un script..

Message cité 1 fois
Reply

Marsh Posté le 09-08-2007 à 16:13:41    

PunkRod a écrit :

ça dépend du nombre d'entrées dans chacune des listes, tu peux aussi générer des variables javascripts, et tout faire en javascript directement.


 
si y'a 100 choix à 50 sous-entrées chacun, je te raconte pas le code dans ta page  [:el awrence xi]

Reply

Marsh Posté le 09-08-2007 à 16:23:09    

non je me connecte à ma BDD pour remonter les infos..

Reply

Marsh Posté le 10-08-2007 à 11:48:58    

sabbahh a écrit :

wi j'ai vu ça..
mais je veux bien avoir une trame d'un script..


Tu vas là, tu cherches le tuto sur Ajax, et tu t'amuses !
 
A+

Reply

Marsh Posté le 10-08-2007 à 11:54:47    

je m'amuse grave t'inkiét lol :s
Effectivement, là j'ai trouvé un script ajax pour les listes liées même avec ça j'affiche pas ce que je veux dans ma 2éme liste :(

Reply

Marsh Posté le 10-08-2007 à 11:55:38    

Details or there is no problem.

Reply

Marsh Posté le 10-08-2007 à 11:57:43    

traceurs, tests, toussa...

Reply

Marsh Posté le 10-08-2007 à 11:57:43   

Reply

Marsh Posté le 10-08-2007 à 12:02:34    

Details!
j'ai l'impression que ce bout de code est faut (vu que je suis une vrai débutante en ajax)
sel = document.getElementById('liste1');
Id = sel.options[sel.selectedIndex].value;
xhr.send("Id="+Id)
(dc dans ma 2éme page, j'apel ce Id avec la méthode post => $_POST['Id']

Reply

Marsh Posté le 10-08-2007 à 12:03:49    

je suis exactement cette trame:
http://siddh.developpez.com/articles/ajax/#LIV-A
mais aparemment je remplace mal mes données

Reply

Marsh Posté le 11-08-2007 à 10:34:56    

Salut,
 
Tout est très bien expliqué ici : http://toutjavascript.com/savoir/xmlhttprequest.php3
Tu veras c'est assez simple. Et si tu veux améliorer ton code "Ajax", je conseille de lire cet article : http://www.webpasties.com/xmlHttpRequest/
Tous les exemples de code sont téléchargeables.
 
A+
Lionel.

Reply

Marsh Posté le 20-08-2007 à 10:41:50    

En fait, j'ai compris un peu le code.. c'est juste que mes tables ne contiennent pas des ID (key auto increment) mes des ID de type varchar, du coup le code ne marche pas. il accept que les chiffres, est normal?

Reply

Marsh Posté le 20-08-2007 à 22:37:13    

Prob résolu.. la requete était mal écrite

Reply

Marsh Posté le 21-08-2007 à 13:47:26    

Encore un autre problème :s
là j'arrive à lier 2 listes, mais j'ai trop de mal à ajouter une 3éme.
help plz

Reply

Marsh Posté le 21-08-2007 à 13:57:53    

ben faut comprendre le code, le généraliser, et adapter.

Reply

Marsh Posté le 21-08-2007 à 14:08:51    

j'ai bo essayé mais rien.. :(

Reply

Marsh Posté le 21-08-2007 à 16:02:58    

PLZ HELP!!! je souhaite ajouter une 3éme liste, et je sais pas exactement où insérer le code
Ma 1ere page:

Code :
  1. <html>
  2. <head>
  3. <title></title>
  4. <script type='text/javascript'>
  5.   function getXhr(){
  6.       var xhr = null;
  7.       if(window.XMLHttpRequest)
  8.       xhr = new XMLHttpRequest();
  9.       else if(window.ActiveXObject){ // Internet Explorer  
  10. try {
  11.         xhr = new ActiveXObject("Msxml2.XMLHTTP" );
  12.      } catch (e) {
  13.      xhr = new ActiveXObject("Microsoft.XMLHTTP" );
  14.      }
  15. }
  16.       else { // XMLHttpRequest non supporté par le navigateur  
  17.       alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
  18.      xhr = false; }
  19.      return xhr;
  20. }
  22. function go(){
  23.    var xhr = getXhr();
  24.    xhr.onreadystatechange = function(){
  25.    if(xhr.readyState == 4 && xhr.status == 200)
  26.    { leselect = xhr.responseText;
  27. document.getElementById('sousCat').innerHTML = leselect;
  28. }} xhr.open("POST","ListLP.php",true);
  29. xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  30. sel = document.getElementById('articles');
  31. code = sel.options[sel.selectedIndex].value;
  32. xhr.send("code="+code);}
  33. </script> </head>
  34. <body> <form>
  35. <fieldset style="width: 800px">
  36. <label>list1 :</label>
  37. <select name='articles' id='articles' onchange='go()'>
  38. <option align='center' value='-1'>- - -Selectionner- - -</option>
  39. <? mysql_connect("localhost","root","" );
  40. mysql_select_db("xxx" );
  41. $res = mysql_query("SELECT * FROM list1" );
  42. while($row = mysql_fetch_assoc($res)){
  43. echo "<option value='".utf8_encode($row["nom"])."'>".utf8_encode($row["nomGr"])."</option>";}?>
  44. </select>
  45. <div id='sousCat' style='display:inline'>
  46. </div>
  47. </fieldset></form> </body>
  48. </html>


ma 2éme page:

Code :
  1. <?php
  3. if(isset($_POST["code"]))
  4. {
  5.  $Scode=$_POST["code"];
  6.  mysql_connect("localhost","root","" );
  7.  mysql_select_db("xxx" );
  9.   $sql  = "SELECT code,nom FROM list ";
  10.                           $sql .= "WHERE nom='".$_POST["code"]."'";
  11.                           $sql .= "ORDER BY nom";
  12.   
  13.  $res = mysql_query($sql);
  14.  if (mysql_num_rows($res)>0)
  15.  {
  16.  echo"<option value='-1'>Tous les sousCats</option>";
  17.  while($row = mysql_fetch_assoc($res)){
  18.  echo "<option value='".utf8_encode($row["code"])."'>".utf8_encode($row["nom"])."</option>";
  19.  }
  20.  }
  21.  else {echo"<option value='-1'>Pas de SScat disponible</option>";}
  23. }
  24. echo"</select>";
  26. ?>


Message édité par sabbahh le 21-08-2007 à 16:36:48
Reply

Marsh Posté le 23-08-2007 à 14:36:35    

merci quand même. j'ai trouvé une autre solution..

Message cité 2 fois
Reply

Marsh Posté le 18-11-2008 à 09:49:59    

sabbahh a écrit :

merci quand même. j'ai trouvé une autre solution..


 
je vous explique  
en php  
une table contient les villes
une table contient les les communes de chaque ville
et une table contrient les quartiers de chaque communes
 
je veux quand je choisi dans la liste ville, ça me donne dans la 2eme liste les communes de ce pays, et quand je choisi une commune de cette 2eme liste ça me donne dans la 3eme liste les quartiers de cette commune .  
Biensure les villes commune  et quartiers se trouvent dans une base de donnée (3tables)
SVP si vous pouvez m'envoyer le code j'ai un travail urgent  
mon mail b_amel_z@hotmail.fr
merci

Reply

Marsh Posté le 18-11-2008 à 13:47:50    

Mais bien sur  [:xam hot] , j'ai du ménage chez moi tu peux venir le faire?

Reply

Marsh Posté le 18-11-2008 à 14:17:24    

sabbahh a écrit :

merci quand même. j'ai trouvé une autre solution..


 
 
j'ai fait ce code d'aprés ce lien http://siddh.developpez.com/articles/ajax/#LIV-A
de deux liste  
il ne marche pas:

Code :
  1. CREATE TABLE `auteur` (
  2.   `id` tinyint(4) NOT NULL auto_increment,
  3.   `nom` varchar(50) NOT NULL,
  4.   PRIMARY KEY  (`id`)
  5. );
  7. insert into `auteur` values
  8. (1,'Clive Cussler'),
  9. (2,'Harlan Coben'),
  10. (3,'Franck Herbert'),
  11. (4,'Pierre Bordages');
  13. CREATE TABLE `livre` (
  14.   `id` tinyint(4) NOT NULL auto_increment,
  15.   `titre` varchar(50) NOT NULL,
  16.   `idAuteur` tinyint(4) default NULL,
  17.   PRIMARY KEY  (`id`)
  18. ) ;
  20. insert into `livre` values
  21. (1,'Odyssee',1),
  22. (2,'Sahara',1),
  23. (3,'Dragon',1),
  24. (4,'Une chance de trop',2),
  25. (5,'Ne le dis a personne',2),
  26. (6,'Disparu à jamais',2),
  27. (7,'Dune',3),
  28. (8,'La barriere de santaroga',3),
  29. (9,'Les guerriers du silence',4),
  30. (10,'La citadelle hyponeros',4),
  31. (11,'Terra mater',4);


 
le fichier auteur.php

Code :
  1. <html>
  2. <head>
  3.  <title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
  4.  <script type='text/javascript'>
  6.   function getXhr(){
  7.                                 var xhr = null;
  8.    if(window.XMLHttpRequest) // Firefox et autres
  9.       xhr = new XMLHttpRequest();
  10.    else if(window.ActiveXObject){ // Internet Explorer  
  11.       try {
  12.                   xhr = new ActiveXObject("Msxml2.XMLHTTP" );
  13.               } catch (e) {
  14.                   xhr = new ActiveXObject("Microsoft.XMLHTTP" );
  15.               }
  16.    }
  17.    else { // XMLHttpRequest non supporté par le navigateur  
  18.       alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
  19.       xhr = false;
  20.    }
  21.                                 return xhr;
  22.   }
  24.   /**
  25.   * Méthode qui sera appelée sur le click du bouton
  26.   */
  27.   function go(){
  28.    var xhr = getXhr();
  29.    // On défini ce qu'on va faire quand on aura la réponse
  30.    xhr.onreadystatechange = function(){
  31.     // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
  32.     if(xhr.readyState == 4 && xhr.status == 200){
  33.      leselect = xhr.responseText;
  34.      // On se sert de innerHTML pour rajouter les options a la liste
  35.      document.getElementById('livre').innerHTML = leselect;
  36.     }
  37.    }
  39.    // Ici on va voir comment faire du post
  40.    xhr.open("POST","ajaxLivre.php",true);
  41.    // ne pas oublier ça pour le post
  42.    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  43.    // ne pas oublier de poster les arguments
  44.    // ici, l'id de l'auteur
  45.    sel = document.getElementById('auteur');
  46.    idauteur = sel.options[sel.selectedIndex].value;
  47.    xhr.send("idAuteur="+idauteur);
  48.   }
  49.  </script>
  50. </head>
  51. <body>
  52.  <form>
  53.   <fieldset style="width: 500px">
  54.    <legend>Liste liées</legend>
  55.    <label>Auteurs</label>
  56.    <select name='auteur' id='auteur' onchange='go()'>
  57.     <option value='-1'>Aucun</option>
  58.     <?
  59.      mysql_connect("localhost","root","root" );
  60.      mysql_select_db("test" );
  61.      $res = mysql_query("SELECT * FROM auteur ORDER BY nom" );
  62.      while($row = mysql_fetch_assoc($res)){
  63.       echo "<option value='".$row["id"]."'>".$row["nom"]."</option>";
  64.      }
  65.     ?>
  66.    </select>
  67.    <label>Livres</label>
  68.    <div id='livre' style='display:inline'>
  69.    <select name='livre'>
  70.     <option value='-1'>Choisir un auteur</option>
  71.    </select>
  72.    </div>
  73.   </fieldset>
  74.  </form>
  75. </body>
  76. </html>


 
le fichier Ajaxlivre

Code :
  1. <?php
  2. echo "<select name='livre'>";
  3. if(isset($_POST["idAuteur"])){
  4.  mysql_connect("localhost","root","root" );
  5.  mysql_select_db("test" );
  6.  $res = mysql_query("SELECT id,titre FROM livre
  7.   WHERE idAuteur=".$_POST["idAuteur"]." ORDER BY titre" );
  8.  while($row = mysql_fetch_assoc($res)){
  9.   echo "<option value='".$row["id"]."'>".$row["titre"]."</option>";
  10.  }
  11. }
  12. echo "</select>";
  13. ?>


 
ou est le probleme ici
 
 
 
 

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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