[ajax] listes liées

personne? je pige toujours pas pourquoi ça marche pas...

merci...

Le problème peut être dû à l'emplacement du fichier ajax.php. J'avais mis mon fichier ajax.php dans le dossier ou j'en avais besoin mais en fait il était impossible de l'appeler, j'ai donc mis mon ajax.php dans ma racine. ++

sel = document.getElementById('pays'); c'est la que ca va pas pourquoi "pays"?

Bonsoir,

dans ta page:

<div id='ville' style='display:inline'>
    <select name='ville'>
     <option value='-1'>Choisir un pays</option>
    </select>
    </div>

tout ce qui est entre <div id='ville' style='display:inline'> et </div> ne sert à rien puisque tu va écrire par la réponse Ajax <select .... et toutes les options

Mais ce n'est pas ça qui gène.

Essayes en mettant comme requette dans ajax.ph:

  $res = mysql_query("SELECT * FROM tb_ville WHERE id_pays = <bold>'".$id_pays."'</bold> ORDER BY ville");

car tu as mis $id_pays = $_POST["id_pays"]; un peu plus haut, donc pas bonne variable

de plus il faut des ' de part et d'autre de la valeur à tester.

@lain

bonsoir;

j'avais le même problème, mais sur firefox seulment;

le probleme :

document.getElementById('ville').innerHTML = leselect;

cette instruction remplace le contenu html de la DIV "ville"; donc le select nomé "livre" sera replacé par un autre, et même si ils ont le même nom (le nouveau et l'ancien select), le firefox ne réussi pas à traiter le nouveau select,

la solution et de garder l'ancien select mais de supprimer son contenu (les options) et le remplacer par un autre, une petite requête sur le "Sheikh" google, j'ai trouver cette "fatwa" :

http://www.dhtmlgoodies.com/index.html?whichScript=ajax_chained_select

c bien fait et réussi,

good luck

bonjour redwire,
j'ai le même problème que toi si t' as encore ton code pourra tu le poster SVP !!

Bonjour, j'ai moi aussi un problème avec l'application de ce tutoriel. Quelqu'un pourrait-il m'aider à l'appliquer?? Merci d'avance de votre aide.

Bonjour,

Il y a quelques chose que je n'ai toujours pas compris avec AJAX, quels fichiers telecharger ??

Car je cherche moi aussi à faire une liste déroulante, et faire en sorte qu'une seconde liste déroulante se trouvant sur une autre page affiche certains résultats en fonction de la premiere.

Ma premiere liste déroulante sur index.php :

<table>
   <td align="center" style="border:2px solid">
    <form action='result-affaire.php' method='POST'>
     <select name="Affaire">
      <?php
       $sql='SELECT Localisation FROM affaire';
       $list=mysql_query($sql) or die("Erreur de connexion au serveur SQL");
       {echo'<option>Sélectionnez la localisation</option>';}
       while ($data = mysql_fetch_array($list))
        {echo'<option value='.$data['*'].'>'.$data['Localisation'].'</option>';}
      ?>
     </select>
    <p></p>
    <input type="submit" value="Afficher">
    </form>
   </td>

et ma seconde sur result-affaire.php :

 $_SESSION['Localisation']=$_POST['Affaire'];
  ?>
  
  <select name="Localisation">
   <?php
    if($_SESSION['Localisation']>0) 
    {
     $sql="SELECT * FROM affaire WHERE Localisation='$_SESSION[Localisation]';";
     $list=mysql_query($sql) or die("Erreur de connexion au serveur SQL");
     {echo'<option>Sélectionnez le nom de l affaire</option>';}
     while ($data = mysql_fetch_array($list))
      {echo'<option value='.$data['idAffaire'].'>'.$data['NomAff'].'</option>';}
    }
   ?>

Si quelqu'un pouvait m'eclairer parce que je n'ai rien saisi a ce qu'est vraiment AJAX, ce qui je pense pourrait m'etre d'une grande aide !

OK je vous remercie pour cette réponse rapide et efficace.

Seulement maintenant j'ai un autre soucis :
Suite à un choix dans une liste déroulante, sur une nouvelle page s'affiche le nom, l'adresse, le tel et l'e-mail de toutes les occurrences concernées (par le choix fait dans la liste déroulante, qui est un numéro de département).
A coté de chaque suite de données (j'entends par la le nom, l'adresse, le tel et l'e-mail), j'y ai mis un bouton afin qu'ensuite on puisse accéder à d'autres détails de la suite de données choisie.
Seulement j'ai déclaré une variable de session et comme celle ci n'est pas incrémentée elle s'écrase à chaque passage dans la boucle, voici le code :

--resultaff.php--

<?php
 session_start();
?>
<[https://www.commentcamarche.com/contents/498-html-langage html]>
 <body>
  <form action='affinterv2.php' method='POST'>
   <?php 
    $user="root";
    $host="localhost";
    $bdd="terawatt";
    mysql_connect($host,$user) or die("Erreur de connexion au serveur SQL");
    mysql_select_db($bdd); 
    
    $_SESSION['Localisation']=$_POST['Affaire'];
   ?>
   <table style="border:2px solid">
     <tr align="center">
      <th width=200 height=35 style="border:1px solid">Département/Pays</th>
      <th width=200 height=35 style="border:1px solid">Nom</th>
      <th width=200 height=35 style="border:1px solid">Adresse</th>
      <th width=200 height=35 style="border:1px solid">Etat</th>
      <th width=200 height=35 style="border:1px solid">Intervenants</th>
     </tr>
     <?php
      $sql="SELECT * FROM affaire WHERE Localisation='$_SESSION[Localisation]';";
      $list=mysql_query($sql) or die("Erreur de la requête SQL");
      while ($Donnees = mysql_fetch_array($list)) 
      {
     ?>
     <tr align="center">
      <td width=200 height=35><?php echo $Donnees['Localisation']; ?></td>
      <td width=200 height=35><?php echo $Donnees['NomAff']; ?></td>
      <td width=200 height=35><?php echo $Donnees['Adresse']; ?></td>
      <td width=200 height=35><?php echo $Donnees['Etat']; ?></td>
      <td width=200 height=35><input type="submit" value="Voir les intervenants"></td>
     </tr>
     <?php 
      $_SESSION['NomAff']=$Donnees['NomAff'];
      } 
     ?>      
   </table>
  </form>
 </body>
</html>

Et j'aimerais pouvoir l'utiliser dans une reqûete d'une autre page du coup, en voici le code (en phase de test pour l'instant) :

--affinterv2.php--

<?php
 session_start();
?>
<html>
 <body>
  <form action='affinterv.php' method='POST'>
   <?php 
    $user="root";
    $host="localhost";
    $bdd="terawatt";
    mysql_connect($host,$user) or die("Erreur de connexion au serveur SQL");
    mysql_select_db($bdd); 
    
    $sql="SELECT Localisation, NomAff, Adresse, Etat FROM affaire WHERE Localisation='$_SESSION[Localisation]' AND NomAff='$_SESSION[NomAff]';";
    $list=mysql_query($sql) or die("Erreur de la requête SQL");
    $Donnees = mysql_fetch_array($list);
    
    echo $Donnees['NomAff'];
   ?>
  </form>
 </body>
</html>

J'ai pensé à faire un tableau mais je n'ai pas su l'exploiter cela ne m'affiche rien de rien, alors que comme ça s'affichera seulement sur affinterv2.php, le nom de la derniere suite de données passée dans le tableau de resultaff.php. Et cela meme si je clique sur le bouton d'où, par exemple, le nom est "tartempion" qui se trouve en debut ou milieu du tableau, j'aurais toujours le nom du dernier inscrit sur le tableau.

Donc voila si vous pouviez m'aider, car je ne comprends rien à ces tableaux...
Merci par avance.

J'ai aussi pensé à nommer la balise <input> seulement ça ne fonctionne pas non plus....

Dans ton cas il n'y a aucun interêt à utiliser les sessions

il faut mettre un lien a chaque ligne, si tu préféres un bouton tu peux toujours mettre une image de bouton à la place

-resultaff.php--

<html>
<body>
<form action='affinterv2.php' method='POST'>
<?php
$user="root";
$host="localhost";
$bdd="terawatt";
mysql_connect($host,$user) or die("Erreur de connexion au serveur SQL");
mysql_select_db($bdd);

//$_SESSION['Localisation']=; 
?>
<table style="border:2px solid">
<tr align="center">
<th width=200 height=35 style="border:1px solid">Département/Pays</th>
<th width=200 height=35 style="border:1px solid">Nom</th>
<th width=200 height=35 style="border:1px solid">Adresse</th>
<th width=200 height=35 style="border:1px solid">Etat</th>
<th width=200 height=35 style="border:1px solid">Intervenants</th>
</tr>
<?php
$sql="SELECT * FROM affaire WHERE Localisation='$_POST['Affaire'];";
$list=mysql_query($sql) or die("Erreur de la requête SQL");
while ($Donnees = mysql_fetch_array($list))
{
?>
<tr align="center">
<td width=200 height=35><?php echo $Donnees['Localisation']; ?></td>
<td width=200 height=35><?php echo $Donnees['NomAff']; ?></td>
<td width=200 height=35><?php echo $Donnees['Adresse']; ?></td>
<td width=200 height=35><?php echo $Donnees['Etat']; ?></td>
<!-- on met un lien qui va appeler la page affinterv2.php en lui passant par l'url les parametres localisation et nom-->
<td width=200 height=35><a href="affinterv2.php?loc=<?php echo $Donnees['Localisation']; ?>&nom=<?php echo $Donnees['NomAff']; ?>">Voir les intervenants</a></td>
</tr>
<?php
//$_SESSION['NomAff']=$Donnees['NomAff'];
}
?>
</table>
</form>
</body>
</html> 

et affinterv2.php

<html>
<body>
<form action='affinterv.php' method='POST'>
<?php
if(issset($_GET['loc'])) {
 $localisation=$_GET['loc'];
}
if(issset($_GET['nom'])) {
 $nomAff=$_GET['nom'];
}
$user="root";
$host="localhost";
$bdd="terawatt";
mysql_connect($host,$user) or die("Erreur de connexion au serveur SQL");
mysql_select_db($bdd);

$sql="SELECT Localisation, NomAff, Adresse, Etat FROM affaire WHERE Localisation='$localisation' AND NomAff='$nomAff';";
$list=mysql_query($sql) or die("Erreur de la requête SQL");
$Donnees = mysql_fetch_array($list);

echo $Donnees['NomAff'];
?>
</form>
</body>
</html>

Encore merci de votre réponse qui est elle aussi tres efficace, seulement je ne comprends pas pourquoi du coup on parle de $_GET dans affinterv2.php alors que resultaff.php contient un formulaire avec $_POST ??

on parle de $_GET dans affinterv2.php alors que resultaff.php contient un formulaire avec $_POST

parce que le script est appelé non pas par le <formulaire mais par le lien et on récupére l'info dans l'URL de ce lien

Ok ok je vois, bah je te remercie encore une fois Alain, et te souhaite une bonne soirée.

En te disant peut etre a une prochaine ^^, surement meme je pense.

Merci beaucoup de ton aide et de ton efficacité :)

Bonjour, encore moi, j'aurais besoin d'un eclaircissement sur le code ajax que tu m'as donné, les "id_lire", et "id_ecrire" sont bien à remplacer par les id de chaque liste ?? Et "url", par reponsePhpAjax.php( dans ton exemple) c'est bien ça ? ou par la nom de la page dans laquelle il y a ce code ??

Merci

NON , dans cette partie:

//fonction AJAX
//partie envoie de la requette, cette fct est appelée sur le onChange de la liste1
function makeRequest(url,id_lire,id_ecrire){
.....

il ne faut surtout pas remplace id_lire, id_ecrire ce sont des noms de variable correspondant aux argulents passés à la fonction, ainsi la fonction est "universelle"

par contre dans la partie appel de la fct:

<form action='result-affaire.php' method='POST'>
<select name="localisation" id="id_liste1" onChange="makeRequest('reponsePhpAjax.php',<bold>'id_liste1','id_div_liste2'</bold>);">
<!-- on appelle la fct sur le onChange en lui passant l'url du script php appelé,l'id de la liste 1, l'id ou iol faut ecrire la réponse-->

il faut bien mettre les valeurs correspondant au id= de la liste 1 et à id= du div ou tu veux ecrire

En effet ça marche beaucoup mieux :) J'avoue avoir quelques difficultés à comprendre l'ajax et tes conseils et explications m'aident beaucoup !

Merci encore

Je pensais encore à autre chose, si jamais dans ma deuxieme liste au lieu qu'elle ne s'affiche qu'au moment d'avoir fait un choix dans la premiere. Si elle pouvait s'afficher directement en ayant le choix de tous les nom d'affaires et qu'apres choix, le résultat de la liste 1 s'applique, même si l'on en a pas plus vraiment besoin.
Comment je dois procéder, parce qu'en remplaçant le div par select, cela m'affiche une liste vide donc et surtout qui ne prends pas la nouvelle liste qui est appelée (ce qui est normal ^^). Ou alors changer la forme sous laquelle se présente la requête appelée ???

Par contre je n'arrive pas a faire en sorte que si je choisis directement dans ma seconde liste, le résultat de la premiere en soit définit automatiquement ??
J'ai essayé de faire comme suit :
- créer une autre page "reponseAjax" pour cette requête
- j'ai bien mis l'espace <select> de la premiere liste dans un <div> afin que la liste soit remplacée par le résultat en fonction du choix dans la seconde liste

et j'ai regardé le script, ne serait ce pas dans ce code la que je dois changer quelque chose ???