Formulaire "conditionnel" ?

**hotwheals** · 05/03/2012, 18h00

Bonjour ne sachant pas dans quel rubrique cela pourrait aller je poste ici^^

Donc voila je fais un moteur de recherche pour un site que l'on ma demander de faire et j'aimerais une fonctionnalité pour que la navigation soit plus simple.

Je m'explique j'ai 3 liste déroulante et j'aimerais que si par exemple je choisis la marque dans la première liste et je voudrais que la deuxième affiche toute les catégorie de voiture disponible (correspondant à la marque choisi dans la première liste) et enfin la 3eme liste donnera les carburant correspondant à la marque et la catégorie précédemment choisi.

Je joins le screen pr vous éclairer

Et voila le code sur lequel j'été parti

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
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
 
$menu_query = "SELECT distinct marque FROM voiture ORDER BY marque" ;
$result = mysql_query( $menu_query ,$connexion ) or exit("Erreur dans la requête!");
while( $ligne=mysql_fetch_object($result) )
{ 
      $menu_marque[] = $ligne->marque ;
}
 
 
$marq=$_GET['sel_marque'];
$cat=$_get['sel_cat'];
?>
 
<!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>
<style type="text/css">
<!--
.button {
	background: #c7ab1c;
	background: -webkit-gradient(linear, left top, left bottom, from(#c70a0a), to(#c7ab1c));
	background: -webkit-linear-gradient(top, #c70a0a, #c7ab1c);
	background: -moz-linear-gradient(top, #c70a0a, #c7ab1c);
	padding: 4.5px 9px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #003;
	font-size: 13px;
	font-family: Georgia, serif;
	text-decoration: none;
	vertical-align: middle;
	background-color: #C00;
	background-position: top;
	border: 1px inset #FC0;
   }
.button:hover {
   border-top-color: #0a033b;
   background: #0a033b;
   color: #e8f718;
   }
.button:active {
   border-top-color: #091f2e;
   background: #091f2e;
   }
   -->
</style>
 
 
 
</head>
 
<body>
<form name = "recherche" method="get" action="recherche.php" target="résultat" align="right">
  <div align="center">
<table width="90%" border="0">
  <tr>
    <td><div align="center"><font size="-1"><strong><em><strong><font color="#FF0000" size="-1">RECHERCHE PERSONNALISEE</font></strong></em></strong></font></div></td>
  </tr>
  <tr>
    <td> <center></font> <font size="-1"><strong><em>&nbsp;Marque&nbsp;:</em></strong></font><font color="#FFCC33">
                  <select name="sel_marque">
                    <option value=""><font size="-1">-CHOISISSEZ-</font></option>
                    <?php
 
	foreach($menu_marque as $valeur)
 
	{echo "<option value=\"$valeur\">$valeur</option>";}
 
	?>
                  </select></font></center></td>
  </tr>
  <tr>
 
    <td> 
	<?
	$menu_query = "SELECT distinct categorie FROM voiture where marque='.$marq.' ORDER BY categorie" ;
$result = mysql_query( $menu_query ,$connexion ) or exit("Erreur dans la requête!");
while( $ligne=mysql_fetch_object($result) )
{ 
      $menu_categorie[] = $ligne->categorie ;
}
 
?>
	<div align="center">                   
                <font size="-1"><strong><em>&nbsp;Catégorie&nbsp;:</em></strong></font><font color="#FFCC33">
                  <select name="sel_cab">
                    <?php
 
	foreach($menu_categorie as $valeur)
 
	{echo "<option value=\"$valeur\">$valeur</option>";}
 
	?>
                  </select></div></td>
 
  </tr>
  <tr>
    <td> 
<?
$menu_query = "SELECT distinct carburant FROM voiture where marque='.$carb.' and categorie='$cat' ORDER BY carburant" ;
$result = mysql_query( $menu_query ,$connexion ) or exit("Erreur dans la requête!");
while( $ligne=mysql_fetch_object($result) )
{ 
      $menu_carburant[] = $ligne->carburant ;
}
?>
	<div align="center">               
 
                <font size="-1"><strong><em>&nbsp;Carburant&nbsp;:</em></strong></font><font color="#FFCC33">
                  <select name="sel_cab">
                    <?php
 
	foreach($menu_carburant as $valeur)
 
	{echo "<option value=\"$valeur\">$valeur</option>";}
 
	?>
                  </select></font>
 
  </div></td>
 </tr>
  <tr>
    <td><div align="center">
                  <font color="#FFFFFF">
                <label><font color="#000000" size="-1"><strong>Budget entre</strong>                </font><font size="-1">
                <input name="sel_min" type="text" size="5" />
                </font> </label>
                <font color="#000000">-                </font>
                <input name="sel_max" type="text" size="5" />
                <font color="#000000"><strong>&euro;</strong></font></font></div></td>
  </tr>
  <tr>
    <td><div align="center"> <p><font size="-1"><strong><em>Classé par :</em></strong></font>
    <font size="-1">Prix</font>
                  <input name="sel_tri" type="radio" value="prix" checked="checked" />
                  <font size="-1">Modèle</font>
                  <input name="sel_tri" type="radio" value="modele" />
                  <font size="-1">Km</font>
                  <input name="sel_tri" type="radio" value="kilometre" />
</div></td>
  </tr>
  <tr>
    <td>  <div align="center">         
      <p><font color="#FFFFFF">
        <input type="submit" class="button" name="Submit1" value="Rechercher" action="rech.php" />
      </font></p>
      <p><font size="3" face="Comic Sans MS"><a href="admin/index.php" TARGET="popup" onClick="window.open('','popup',  'height=600, top=200, left=200, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no')"><img src="Sans titre.gif" height="16px" width="16px"border="0" alt="" align="center" /></a></font></p>
    </div></td>
  </tr>
</table>
</form>
</body>
</html>

voila si vous pouviez m'aider je vous en serai fort reconnaissant =D

**andry.aime** · 05/03/2012, 19h48

Bonsoir,

Le tutoriel : Listes liées
Fait une recherche sur le forum Ajax, tu y trouveras plusieurs discussions résolues.

A+.

**rawsrc** · 05/03/2012, 23h52

Bonsoir,

J'ai posté un tuto sur mon blog dvp concernant les listes liées ici

**hotwheals** · 06/03/2012, 09h03

Merci pour vos réponses je vais étudier tout ça^^

**hotwheals** · 06/03/2012, 10h46

Bon me revoila j'ai étudié vos propositions de solutions et j'en ai testé une et j'ai un petit problème.

Voila les code

index.php (c'est juste pr tester rapidement sur le serveur^^)

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
<html>
	<head>
		<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
		<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('categorie').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxmarque.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 de l'auteur
				sel = document.getElementById('marque');
				marque = sel.options[sel.selectedIndex].value;
				xhr.send("marque="+marque);
			}
		</script>
	</head>
	<body>
		<form method='post'>
			<fieldset style="width: 500px">
				<legend>Liste liées</legend>
				<label>marque</label>
				<select name='marque' id='marque' onchange='go()'>
					<option value='-1'>choisir une marque</option>
					<?
						mysql_connect("********", "******","******"); 
						mysql_select_db("my118427");
						$res = mysql_query("SELECT distinct marque FROM voiture ORDER BY marque");
						while($row = mysql_fetch_assoc($res)){
							echo "<option value='".$row["marque"]."'>".$row["marque"]."</option>";
						}
					?>
				</select>
				<label>categorie</label>
				<div id='categorie' style='display:inline'>
				<select name='categorie'>
					<option value='-1'>Choisir une categorie</option>
				</select>
				</div>
			</fieldset>
		</form>
	</body>
</html>

ajaxmarque.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
 
<?php
	echo "<select name='categorie'>";
	if(isset($_POST["marque"])){
		mysql_connect("*******", "******","*******");
		mysql_select_db("my118427");
		$res = mysql_query("SELECT distinct categorie FROM voiture 
			WHERE marque=".$_POST["marque"]." ORDER BY categorie");
		while($row = mysql_fetch_assoc($res)){
			echo "<option value='".$row["categorie"]."'>".$row["categorie"]."</option>";
		}
	}
	echo "</select>";
?>

Donc mon probleme c'est que la liste déroulante correspondante aux marque s'affiche nickel =D , mais celle des categorie ne bouge absolument pas =s .
Donc j'ai ma ptite idée sur la question et je voulais vous demander votre avis

selon moi l'erreur viens des egtelementbyID étant donné que les donnée que je leur donne ne sont pas des id mais directement des nom de colonne^^
Donc dites moi si c'est cela ou comment y remédier svp.

(oui j'ai recopier le code mais aprés moult relecture ^^ et je pense le comprendre enfin dans les grande ligne^^)

Merci d'avance!

**rawsrc** · 06/03/2012, 10h55

Est-ce que ta ligne <option value='-1'>choisir une marque</option> disparait une fois que tu as changé la sélection de la liste des marques ?
Testes ton script ajaxmarque.php en posant au début un echo $_POST['marque']; histoire de voir si le paramètre passe.

**andry.aime** · 06/03/2012, 11h07

Donc mon probleme c'est que la liste déroulante correspondante aux marque s'affiche nickel =D , mais celle des categorie ne bouge absolument pas =s .

Tu veux dire que quand tu sélectionnes 1 catégorie, la liste déroulante marque se recharge correctement, mais la liste carburant ne se modifie pas?
Si c'est le cas, c'est que tu ne mets pas à jour la valeur de la liste pour carburant.
Sinon,

Avec IE, tu pouras avoir un problème avec l'id et name de différent élément qui ont la même valeur.

A+.

**hotwheals** · 06/03/2012, 11h09

En fait c'est la catégorie qui "disparai" regarde^^
ca c'est avant que je choisisse la marque

et ca aprés

donc la liste marque est bien informé mais j'ai un problème avec celle des catégorie sachant que je dois faire cela avec 3 liste si je ny arrive pas avec 2 ca risque d'etre problèmatique!

**hotwheals** · 06/03/2012, 11h12

Pour répondre à ta question andry je n'en suis qu'a 2 liste pr l'insntant^^ donc pour le carburant XD je ne l'ai pas encore abordé^^

**andry.aime** · 06/03/2012, 11h20

Ok, c'était un étourderie de ma part.
1- Parcontre modifie l'id de ton div conteneur pour l'innerHTML pour ne pas avoir le même name que ton select.
2-

$res = mysql_query("SELECT distinct categorie FROM voiture
WHERE marque=".$_POST["marque"]." ORDER BY categorie");

Si marque n'est pas un entier, tu dois le mettre dans des single quotes.

**hotwheals** · 06/03/2012, 11h33

Bon j'ai remplacé les "" par des ' ' et renomé l'id catégorie en cat
Mais étrangement la liste catégorie ne "disparait" pas comme précédement vu mais elle reste sur chosir une catégorie et ne propose aucun choix

**andry.aime** · 06/03/2012, 11h36

Envoyé par hotwheals

Bon j'ai remplacé les "" par des ' '

J'ai pas dit de remplacer

mais tu devais ajouter.

Code :

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

1
2
$res = mysql_query("SELECT distinct categorie FROM voiture
WHERE marque='".$_POST["marque"]."' ORDER BY categorie");

Envoyé par hotwheals

et renomé l'id catégorie en cat
Mais étrangement la liste catégorie ne "disparait" pas comme précédement vu mais elle reste sur chosir une catégorie et ne propose aucun choix

As-tu modifier aussi le javascript?

A+.

**hotwheals** · 06/03/2012, 11h43

héhé tu parlerais pas de cette ligne?

Code :

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

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

si j'ai bien compris le id du div et ca doive etre égale.Non je dis ca pck ca a marché dés que je l'ai changer =D

En tout merci beaucoup ^^
je ne ne ferme pas encore le sujet on sait jamais XD

**hotwheals** · 07/03/2012, 10h59

Bon excusez moi je reviens à la charge pour faire 3 listes est-ce si différent de 2?faut il utiliser une autre méthode?

Parce que la logique me disait qu'il suffisait d'ajouter la liste correspondante dans le formulaire avec le code java qui va bien et la ptite page php à coté non ca ne suffit pas parque ca ne marche pas chez ?

index 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
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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
 
<!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>
<style type="text/css">
<!--
.button {
	background: #c7ab1c;
	background: -webkit-gradient(linear, left top, left bottom, from(#c70a0a), to(#c7ab1c));
	background: -webkit-linear-gradient(top, #c70a0a, #c7ab1c);
	background: -moz-linear-gradient(top, #c70a0a, #c7ab1c);
	padding: 4.5px 9px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #003;
	font-size: 13px;
	font-family: Georgia, serif;
	text-decoration: none;
	vertical-align: middle;
	background-color: #C00;
	background-position: top;
	border: 1px inset #FC0;
   }
.button:hover {
   border-top-color: #0a033b;
   background: #0a033b;
   color: #e8f718;
   }
.button:active {
   border-top-color: #091f2e;
   background: #091f2e;
   }
   -->
</style>
 
		<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
		<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 gomarque(){
				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('categorie').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxmarque.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 de l'auteur
				sel = document.getElementById('marque');
				marque = sel.options[sel.selectedIndex].value;
				xhr.send("marque="+marque);
			}
 
 
			function gocat(){
				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('carburant').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxcat.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 de l'auteur
				sel = document.getElementById('categorie');
				categorie = sel.options[sel.selectedIndex].value;
				xhr.send("categorie="+categorie);
			}
		</script>
	</head>
 
<body>
<form name = "recherche" method="POST" action="recherche.php" target="résultat" align="right">
  <div align="center">
<table width="90%" border="0">
  <tr>
    <td><div align="center"><font size="-1"><strong><em><strong><font color="#FF0000" size="-1">RECHERCHE PERSONNALISEE</font></strong></em></strong></font></div></td>
  </tr>
  <tr>
    <td> <center></font>
		<form method='post'>
				<label>marque</label>
				<select name='sel_marque' id='marque' onchange='gomarque()'>
					<option value='-1'>Choisir une marque</option>
					<?
						mysql_connect("*******", "******","******");
						mysql_select_db("my118427");
						$res = mysql_query("SELECT distinct marque FROM voiture ORDER BY marque");
						while($row = mysql_fetch_assoc($res)){
							echo "<option value=".$row["marque"].">".$row["marque"]."</option>";
						}
					?>
				</select>
 
 
 
	 </td>
  </tr>
  <tr>
 
    <td> <center>
	<label>categorie</label>
 
				<select name='sel_cat' id='categorie' onchange='gocat()' >
					<option value='-1'>Choisir une categorie</option>
				</select>
 
	</center>
	</td>
 
  </tr>
  <tr>
    <td> <center>
 
 
 
           <div id='carburant' style='display:inline'>
				<select name='sel_cab'>
					<option value='-1'>Choisir le type de carburant</option>
				</select>
 
  </center></td>
 </tr>
  <tr>
    <td><div align="center">
                  <font color="#FFFFFF">
                <label><font color="#000000" size="-1"><strong>Budget entre</strong>                </font><font size="-1">
                <input name="sel_min" type="text" size="5" />
                </font> </label>
                <font color="#000000">-                </font>
                <input name="sel_max" type="text" size="5" />
                <font color="#000000"><strong>&euro;</strong></font></font></div></td>
  </tr>
  <tr>
    <td><div align="center"> <p><font size="-1"><strong><em>Classé par :</em></strong></font>
    <font size="-1">Prix</font>
                  <input name="sel_tri" type="radio" value="prix" checked="checked" />
                  <font size="-1">Modèle</font>
                  <input name="sel_tri" type="radio" value="modele" />
                  <font size="-1">Km</font>
                  <input name="sel_tri" type="radio" value="kilometre" />
</div></td>
  </tr>
  <tr>
    <td>  <div align="center">         
      <p><font color="#FFFFFF">
        <input type="submit" class="button" name="Submit1" value="Rechercher" action="rech.php" />
      </font></p>
      <p><font size="3" face="Comic Sans MS"><a href="admin/index.php" TARGET="popup" onClick="window.open('','popup',  'height=600, top=200, left=200, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no')"><img src="Sans titre.gif" height="16px" width="16px"border="0" alt="" align="center" /></a></font></p>
    </div></td>
  </tr>
</table>
</form>
</body>
</html>

ajaxmarque.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
 
<?php
 
	echo "<select name='sel_cat'onchange='gocat()' >";
	if(isset($_POST["marque"])){
		mysql_connect("*******", "******","******");
		mysql_select_db("my118427");
		$res = mysql_query("SELECT distinct categorie FROM voiture 
			WHERE marque='".$_POST["marque"]."' ORDER BY categorie");
		while($row = mysql_fetch_assoc($res)){
			echo "<option value='".$row["categorie"]."'>".$row["categorie"]."</option>";
		}
	}
	echo "</select>";
?>

ajaxcat.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
<?php
 
	echo "<select name='sel_cab'>";
	if(isset($_POST["categorie"])){
		mysql_connect("*******", "******","******");
		mysql_select_db("my118427");
		$res = mysql_query("SELECT distinct carburant FROM voiture 
			WHERE marque='".$_POST["marque"]."' and categorie='".$_POST["categorie"]"' ORDER BY carburant");
		while($row = mysql_fetch_assoc($res)){
			echo "<option value='".$row["carburant"]."'>".$row["carburant"]."</option>";
		}
	}
	echo "</select>";
?>

quand j'essaie de choisir dans la deuxieme liste ca met:
Parse error: parse error, unexpected T_CONSTANT_ENCAPSED_STRING in /home/.sites/28/site163/web/test/ajaxcat.php on line 8
c'est moi qui est fait une bourde ou c'est pas aussi simple que ça pourrait l'être? XD

Merci d'avance

**andry.aime** · 07/03/2012, 11h11

Re,

Ton select généré par la première requête ajax n'a pas d'id.
*dans la fonction gocat():

sel = document.getElementById('categorie');
categorie = sel.options[sel.selectedIndex].value;

et le select généré dans ajaxmarque.php

echo "<select name='sel_cat'onchange='gocat()' >";

A+.

**andry.aime** · 07/03/2012, 11h14

Et aussi pour l'erreur:

Code :

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

1
2
$res = mysql_query("SELECT distinct carburant FROM voiture 
			WHERE marque='".$_POST["marque"]."' and categorie='".$_POST["categorie"]."' ORDER BY carburant");

il te manque un point pour la concaténation après $_POST["categorie"]
A+.

**hotwheals** · 07/03/2012, 14h30

Qu'est-ce que tu entends par ?

Ton select généré par la première requête ajax n'a pas d'id.

parce que tout mes select ont des id pourtant non?

**andry.aime** · 07/03/2012, 14h53

Envoyé par hotwheals

parce que tout mes select ont des id pourtant non?

Quand tu faits innerHTML, ça va écraser le select existant par celui que tu génères par la page appelée par l'AJAX. Et le select que tu génères n'as pas d'id

echo "<select name='sel_cat'onchange='gocat()' >";

Y a pas d'id là

.

Sinon:

$res = mysql_query("SELECT distinct carburant FROM voiture
WHERE marque='".$_POST["marque"]."' and categorie='".$_POST["categorie"]."' ORDER BY carburant");

Tu n'as postés que "catégorie" dans la fonction gocat(), tu dois poster les 2 variables.

A+.

**hotwheals** · 07/03/2012, 14h55

ho punaise XD je suis loin d'avoir compri encore XD merci je vais voir tout ça.

je fais référence au fait que j'ai dit plutot que je comprenais le code XD

**hotwheals** · 07/03/2012, 17h14

Excuse moi de revenir à la charge mais je sais plus ou donné de la tête >< mon maitre de stage me fais faire plein de truc à la fois T-T

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
function gocat(){
				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('carburant').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxcat.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 de l'auteur
 
				sel = document.getElementById('categorie');
				categorie = sel.options[sel.selectedIndex].value;
				xhr.send("categorie="+categorie+"marque"+marque);
			}

je veux pas forcément une réponse toute faite(même si ca me serais d'un grand secour

) mais savoir au moins si je suis sur la bonne voie pour

Tu n'as postés que "catégorie" dans la fonction gocat(), tu dois poster les 2 variables.

Je crois que je vais me pendre avec un cable rj45 aprés T-T (s'occuper d'un site fait sous publisher,s'occuper du référencement d'un site, faire ces listes liés ,s'occuper d'une base de donnée et de l'interface admin) j'en peux plus et en plus ie qui me cherche vu qu'il ignore les résultat comportant un accent dans les listes ><

merci d'avance

Formulaire "conditionnel" ? [MySQL]

PHP & Base de données

Discussions similaires

Partager

Partager