des listes liées [Résolu]

feadream · 13/04/2011, 11h49

Bonjour, après avoir cherché un peu partout sur internet, je viens vous trouver en espérant que vous puissiez m'aider.

Je cherche à faire 3 liste déroulante liées les unes aux autres.
Mes 3 liste sont : "Audit", "Finding" et "Recommendation".

La liste des Finding est remplit par rapport aux audits et la liste des recommendations par rapport aux findings.

J'ai suivi un tuto qui m'a permis de m'en sortir plus ou moins.
J'ai réussi à lier ma première et deuxième liste seulement pour la troisième, il n'y a rien à faire je n'y arrive pas.
C'est surement un détail ou quelques chose que je ne vois pas.

voici mon code :
index.php :

Code php :

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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
 
<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&#65533; par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                            return xhr;
			}
 
 
 
			/**
			* M&#65533;thode qui sera appel&#65533;e sur le click du bouton
			*/
			function audit(){
 
				var xhr = getXhr();
 
				// On d&#65533;fini ce qu'on va faire quand on aura la r&#65533;ponse
				xhr.onreadystatechange = function(){
					//alert(xhr.readyState);
					// On ne fait quelque chose que si on a tout re&#65533;u et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						di = document.getElementById('finding');
						di.innerHTML = xhr.responseText;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxfinding.php",true);
				// ne pas oublier &#65533;a pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de l'auteur
				idaudit = document.getElementById('audit').options[document.getElementById('audit').selectedIndex].value;
				//alert(idauteur);
				xhr.send("audit="+idaudit);
 
 
			}
 
 
			function change2(){
 
				var xhr = getXhr();
 
				// On d&#65533;fini ce qu'on va faire quand on aura la r&#65533;ponse
				xhr.onreadystatechange = function(){
					//alert(xhr.readyState);
					// On ne fait quelque chose que si on a tout re&#65533;u et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						di = document.getElementById('finding');
						di.innerHTML = xhr.responseText;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxfinding.php",true);
				// ne pas oublier &#65533;a pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de l'auteur
				idaudit = document.getElementById('audit').options[document.getElementById('audit').selectedIndex].value;
				//alert(idauteur);
				xhr.send("audit="+idaudit);
 
 
			}
 
 
 
			function change(){
 
				var x = getXhr();
 
				// On d&#65533;fini ce qu'on va faire quand on aura la r&#65533;ponse
				x.onreadystatechange = function(){
					//alert(xhr.readyState);
					// On ne fait quelque chose que si on a tout re&#65533;u et que le serveur est ok
					if(x.readyState == 4 && x.status == 200){
						di = document.getElementById('recommendation');
						di.innerHTML = x.responseText;
					}
				}
 
				// Ici on va voir comment faire du post
				x.open("POST","ajaxrecommendation.php",true);
				// ne pas oublier &#65533;a pour le post
				x.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de l'auteur
				id = document.getElementById('finding2').options[document.getElementById('finding2').selectedIndex].value;
				alert(id);
				x.send("finding2="+id);
 
 
			}
 
 
		</script>
	</head>
	<body>
 
<?php include("menu.html");?><br><br>
<?php
if( !isset($_SESSION['login']))
{
header("location: index4.php");
} 
 
$serveur = "127.0.0.1";
$base = "audits";	
 
$db =mysql_connect($serveur, "user", "mysql") or die ("erreur de connexion au serveur ".mysql_error());
mysql_select_db($base,$db)or die ("erreur de connexion a la base"); 
 
$sql= "SELECT AuditID, AuditName FROM audit order by AuditName;";
// on envoie la requete 
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error()); 
 
?>
 
<form>    
 
<select name="audit" id='audit' onchange='change2()'>
 
        <option value='-1'>Selectionnez Audit :</option>
<?php
while($data = mysql_fetch_array($req))
{
?>
<option value= "<?php echo $data['AuditID'];?>"><?php echo $data['AuditName'];?></option>
<?php
}
?>
</select>
 
 
 
				<div id='finding' style='display:inline'>
				<select name="finding2" id='finding2' onchange='change()'>
					<option value='-1'>Choisissez un Audit</option>
				</select>
                </div>
 
 
                <div id='recommendationn' style='display:inline'>
				<select name='recommendation' id='recommendation'>
					<option value='-1'>Choisissez un Finding</option>
				</select>
				</div>
                </form>

ajaxfinding.php :

Code php :

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
 
 
<body>
 
<?php
$serveur = "127.0.0.1";
$base = "audits";	
 
$db =mysql_connect($serveur, "user", "mysql") or die ("erreur de connexion au serveur ".mysql_error());
mysql_select_db($base,$db)or die ("erreur de connexion a la base"); 
 
 
	echo "<select name='finding' id='finding'>";
	echo "<option value='-1'>Selectionnez Finding :</option>";
	if(isset($_REQUEST["audit"])){
		$res = mysql_query("SELECT FindingID, FindingISO27001Controls FROM finding WHERE AuditID=".$_REQUEST["audit"]." ORDER BY FindingISO27001Controls");
		while($data = mysql_fetch_array($res))
	{
 
			echo "<option value='".$data["FindingID"]."'>".$data["FindingISO27001Controls"]."</option>";
		}
	}
 
	else
		echo "<option value='-1'>Choississez un audit</option>";
	echo "</select>";
 
 
?>

ajaxrecommendation.php :

Code php :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
</head>
 
<body>
 
<?php
$serveur = "127.0.0.1";
$base = "audits";	
 
$db =mysql_connect($serveur, "user", "mysql") or die ("erreur de connexion au serveur ".mysql_error());
mysql_select_db($base,$db)or die ("erreur de connexion a la base"); 
 
    if(isset($_REQUEST["finding2"])){
	echo "<select name='recommendation'>";
	echo "<option value='-1'>Selectionnez Recommendation :</option>";
		$res = mysql_query("SELECT RecommendationID FROM recommendation WHERE FindingID='".$_REQUEST["finding2"]."'ORDER BY RecommendationID");
		while($data = mysql_fetch_array($res))
	{
 
			echo "<option value='".$data["RecommendationID"]."'>".$data["RecommendationID"]."</option>";
		}
	}
 
 
	else
		echo "<option value='-1'>Choississez un Finding</option>";
	echo "</select>";
 
 
?>
 
 
</body>
</html>

Voila merci d'avance .

gototog · 13/04/2011, 12h33

Bon déjà, utilise les balises [ CODE ] [ /CODE ] pour nous fournir une présentation pas trop lourde

(ainsi qu'une petite présentation de ton code, quel fichier fait quoi etc, pour qu'on comprenne vite et te réponde vite)

Je crois que ton premier Audit, renvoie en ajax le nouveau select Finding. ce select finding ne comporte pas le javascript onChange quand il est renvoyé par ajaxfinding.php.

Dis moi si ca marche!

ajaxfinding.php : (corrigé)

Code php :

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
<?php
$serveur = "127.0.0.1";
$base = "audits";

$db =mysql_connect($serveur, "user", "mysql") or die ("erreur de connexion au serveur ".mysql_error());
mysql_select_db($base,$db)or die ("erreur de connexion a la base");


echo "<select name='finding' id='finding' onChange='change()'>";
echo "<option value='-1'>Selectionnez Finding :</option>";
if(isset($_REQUEST["audit"])){
$res = mysql_query("SELECT FindingID, FindingISO27001Controls FROM finding WHERE AuditID=".$_REQUEST["audit"]." ORDER BY FindingISO27001Controls");
while($data = mysql_fetch_array($res))
{

echo "<option value='".$data["FindingID"]."'>".$data["FindingISO27001Controls"]."</option>";
}
}

else
echo "<option value='-1'>Choississez un audit</option>";
echo "</select>";


?>

feadream · 13/04/2011, 13h15

Désolé pour la présentation, j'ai rectifié.
Alors merci pour ta réponse, j'ai modifié mais ça n'a rien changé.
Ma liste reste vide.

gototog · 13/04/2011, 14h57

j'avais pas vu, ton id de select change aussi, d'un coté tu as finding2 dans ton script change() et dans ton code tu a juste l'id finding.

il cherche donc la valeur de ton champs finding2 qui n'existe pas vu que tu as un champs finding

quelle est la différence entre audit() et change2()?
Par ailleurs, tu n'as pas besoin de mettre de l'entete html (doctype body etc..) dans tes pages php qui servent de réponses a ajax

bref,essaye donc ceci

ajaxfinding.php

Code php :

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
 
 
<?php
$serveur = "127.0.0.1";
$base = "audits";
 
$db =mysql_connect($serveur, "user", "mysql") or die ("erreur de connexion au serveur ".mysql_error());
mysql_select_db($base,$db)or die ("erreur de connexion a la base");
 
 
echo "<select name='finding2' id='finding2' onChange='change()'>";
echo "<option value='-1'>Selectionnez Finding :</option>";
if(isset($_REQUEST["audit"])){
$res = mysql_query("SELECT FindingID, FindingISO27001Controls FROM finding WHERE AuditID=".$_REQUEST["audit"]." ORDER BY FindingISO27001Controls");
while($data = mysql_fetch_array($res))
{
 
echo "<option value='".$data["FindingID"]."'>".$data["FindingISO27001Controls"]."</option>";
}
}
 
else
echo "<option value='-1'>Choississez un audit</option>";
echo "</select>";
 
 
?>

feadream · 13/04/2011, 15h55

Merci beaucoup pour tous ces conseils, tout fonctionne sans problème.
Bonne soirée.

13/04/2011, 13h15	#3
feadream Invité de passage Étudiant Inscription : avril 2011 Messages : 3 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Informations forums : Inscription : avril 2011 Messages : 3 Points : 0 Points : 0	Désolé pour la présentation, j'ai rectifié. Alors merci pour ta réponse, j'ai modifié mais ça n'a rien changé. Ma liste reste vide.
	00

13/04/2011, 15h55	#5
feadream Invité de passage Étudiant Inscription : avril 2011 Messages : 3 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Informations forums : Inscription : avril 2011 Messages : 3 Points : 0 Points : 0	Merci beaucoup pour tous ces conseils, tout fonctionne sans problème. Bonne soirée.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email