Lier deux listes avec AJAX

**batoule80** · 06/09/2008, 17h09

bonjour,

j'ai éssayer de suivre le tuto d'ajax concernant la liaison de deux listes dynamiques mais aucun élément de la deuxième listes n'est affiché

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
 
 
<script type='text/javascript'>
 
			function getXhr(){
                                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr;
			}
 
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function go(){
				var xhr = getXhr();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('fk_sous_type_incident').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxSousTypeIncident.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id du type incident
				sel = document.getElementById('fk_type_incident');
				FK_type_incident = sel.options[sel.selectedIndex].value;
				xhr.send("fk_type_incident="+FK_type_incident);
			}
		</script>
 
 
le code html :
 
 
<tr>
                  <td width="25%"> Type d'incident :</td>
 
 
				   <?php $Result=mysql_query("select * from hd_type_incident")or die(mysql_error());
 
	         $nb = mysql_num_rows($Result);  
             $ListDir = '<option value="0">Type incident</option>'; 
while ($tmpObject = mysql_fetch_object($Result)) //tant qu'il y a des types d'incidents, on les affiche
{
   $ListDir .= '<option value="'.$tmpObject->id_type_incident.'">'.$tmpObject->type_incident.'</option>';
}
?>
				  <td width="15%" >
				     <select name='fk_type_incident' id='fk_type_incident' onchange='go()'>
                        <?php echo $ListDir?>
                      </select>                  </td>
 
 
 
 
		          <td >
				  <div id='fk_sous_type_incident' style='display:inline'>
				    <select name='fk_sous_type_incident'>
                      <option value='0'>Choisir un type d'incident</option>
                    </select>
				  </div>				  </td>
		</tr>

le fichier ajaxSousTypeIncident.php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<?php
	echo "<select name='fk_sous_type_incident'>";  
	if(isset($fk_type_incident)) 
	{
				 $result = db_connect();
                  if (!$result)
                  die(mysql_error());
 
     // selection de la base de données 
$select  = mysql_select_db($dbName,$result);
   if (!$select)
   die(mysql_error());
		$res = mysql_query("SELECT * FROM hd_sous_type_incident 
			WHERE fk_type_incident=".$fk_type_incident." ORDER BY sous_type_incident");
		while($row = mysql_fetch_object($res))
		{
			echo "<option value='".$row->id_sous_type_incident."'>".$row->sous_type_incident."</option>";
		}
	}
	echo "</select>";
?>

mes deux tables :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
CREATE TABLE `hd_type_incident` (
  `id_type_incident` int(11) NOT NULL auto_increment PRIMARY KEY,
  `type_incident` text NOT NULL, 
  `description` text NOT NULL,
  `fk_user` int(11),
   FOREIGN KEY(fk_user) REFERENCES hd_utilisateur(id_user) ON DELETE CASCADE ON UPDATE CASCADE,
   INDEX(fk_user)
)TYPE=INNODB;";  
 
 
CREATE TABLE `hd_sous_type_incident` (
  `id_sous_type_incident` int(11) NOT NULL auto_increment PRIMARY KEY,
  `sous_type_incident` text NOT NULL,
  `description` text NOT NULL,
  `fk_type_incident` int(11),
   FOREIGN KEY(fk_type_incident) REFERENCES hd_type_incident(id_type_incident) ON DELETE CASCADE ON   UPDATE CASCADE,
   INDEX(fk_type_incident)
 
)TYPE=INNODB;";

merci d'avance à tous ceux qui prendront du temps pour lire mon message

**sabotage** · 06/09/2008, 17h34

Il faut debuguer quand on rencontre un problème :
- La liste existe = ajaxSousTypeIncident.php est bien traité.
- mais elle est vide

- est ce que je passe la premiere condition ?

- est ce que la requete renvoit quelque chose ?

etc.

Dans ton cas je dirais que, la condition ne passe pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

	if(isset($fk_type_incident))

=>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

	if(isset($_GET['fk_type_incident']))

**batoule80** · 06/09/2008, 18h14

merci sabotage pour ta réponse,

Envoyé par sabotage

Il faut debuguer quand on rencontre un problème :
- La liste existe = ajaxSousTypeIncident.php est bien traité.
- mais elle est vide

- est ce que je passe la premiere condition ?

- est ce que la requete renvoit quelque chose ?

etc.

Dans ton cas je dirais que, la condition ne passe pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

	if(isset($fk_type_incident))

=>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

	if(isset($_GET['fk_type_incident']))

j'ai essayé avec get et ça ne marche pas

dans le fichier add_incident que j'ai mis là haut , j'ai mis ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
if(isset($_POST['fk_type_incident']))              $fk_type_incident = $_POST['fk_type_incident'];
else      $fk_type_incident="";

et je ne sais pas si c'est normal de répéter la condition au niveau de
ajaxSousTypeIncident.php !!!

**sabotage** · 06/09/2008, 19h15

Heu oui pardon c'est evidemment $_POST pas $_GET.

je ne sais pas si c'est normal de répéter la condition

Il n'y a rien de normal.
Si c'est dans la logique de ton code, fais le. Sinon ne le fais pas.

**batoule80** · 07/09/2008, 00h00

re,

j'ai pu régler mon problème

je met mon nouveau code pour ceux qui ont auront besoin :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<?php
			// connexion à la base
 include('fonctions.php');
 
 echo "<select name='fk_sous_type_incident'>";  
  if(isset($_POST['fk_type_incident']))              $fk_type_incident = $_POST['fk_type_incident'];
else      $fk_type_incident="";
 
				   $result = db_connect();
                  if (!$result)
                  die(mysql_error());
 
     // selection de la base de données 
$select  = mysql_select_db($dbName,$result);
   if (!$select)
   die(mysql_error());
 
 
 
		    $res = mysql_query("SELECT * FROM hd_sous_type_incident 
			WHERE fk_type_incident=".$fk_type_incident." ORDER BY sous_type_incident");
		while($row = mysql_fetch_object($res))
		{
			echo "<option value='".$row->id_sous_type_incident."'>".$row->sous_type_incident."</option>";
		}
 
	echo "</select>";
?>

erreurs : pas de connexion à la BD , je n'ai pas déclaré ma variable fk_type_incident " j'ai cru que le fait qu'elle soit crée dans le fichier add_incident.php suffisait

voilà j'ai appris tout de meme pas mal de choses

mais une autre question : y'aurai t_il un moyen d'nclure le code de la page ajaxSousTypeIncident.php dans la page add_incident.php " ma page proncipale " ?

Lier deux listes avec AJAX [MySQL]

PHP & Base de données

Vue hybride

Discussions similaires

Partager

Partager