[Ajax] Bug introuvable

**Davboc** · 09/02/2006, 10h19

Bonjour
J'utilise Ajax pour réaliser des formulaires de gestion de bdd et je me base sur le script de mise à jour de menu deroulant que donne siddh sur son site. IE me dit que j'ai une erreur "code 0, unknown runtime error" sur ma page dès que je fait un choix dans mon menu deroulant. Il me dit que c'est à la ligne 67 char 7

Code :

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

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

or je ne voit pas où pourrait être l'erreur sachant que je n'ai changé que le nom... Voilà le code de ma page entière :

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
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
 
<html>
 
<head>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>MODIFY A PROJECT</title>
<style type="text/css">
<!--
...
-->
</style>
<script type='text/javascript'>
			var xhr = null; 
 
			function getXhr(){
				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; 
				} 
			}
 
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function go(){
				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('Customer').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","MySQLRequest-Project.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 projet
				sel = document.getElementById('Project');
				projectid = sel.options[sel.selectedIndex].value;
				xhr.send('ProjectID='+projectid);
			}
</script>
</head>
<body>
<div id=header>
<p align="center">
<br />
<u><font face="Arial Black" size="5" color="#000080">MODIFY A PROJECT'S INFORMATIONS</font></u>
</p>
</div>
<?php
// déclaration de quelques variables
$host = "localhost";
$user = "root";
$pass = "xxx";
$bdd = "xxx";
 
// connection avec MySQL
@mysql_connect($host, $user, $pass) or die("Impossible de se connecter à la base de données");
 
// Le @ indique à php de ne pas afficher de message d'erreur    
@mysql_select_db($bdd) or die("Impossible de se connecter à la base de données");
?>
<div style="width:100%;">
<form>
<div style="position:relative; margin-top:100px;">
	<p align="center">
		<font face="Arial Black" size="4" color="#000080">Select a project :</font>
		<select size="1" name='Project' id='Project' style="vertical-align: middle; position: relative" onchange='go()'>
			<?php
                          $SQL = "SELECT Name,ProjectID FROM PROJECT" ;
                          $result = mysql_query($SQL) or die('Erreur SQL : '.mysql_error());
                          while ($val = mysql_fetch_array($result)){
                          echo "<OPTION VALUE='".$val["ProjectID"]."'>".$val["Name"]."</option>";
                    }
                    ?> 
		</select>
 
		<input type="submit" value="OK" name="ProjectSelected">
	</p>  
</div>
 
<div class="ligne">
	<span style="width=50%;">
		<p align="center">
			<u><font face="Arial Black" size="4" color="#000080">Project name :</font></u>
			<br /><br />
			<input type="text" name="ProjectName" size="12" value="Undefined">
		</p>
	</span>
	<span style="width=50%;">
		<p align="center">
			<u><font face="Arial Black" size="4" color="#000080">Customer :</font></u>
			<br /><br />
			<select size="1" name='Customer' id='Customer' style="vertical-align: middle; position: relative">
			<?php
                  $SQL = "SELECT Name,CustomerID FROM CUSTOMER" ;
                  $result = mysql_query($SQL) or die('Erreur SQL : '.mysql_error());
                  while ($val = mysql_fetch_array($result)){
                  echo "<OPTION VALUE='".$val["CustomerID"]."'>".$val["Name"]."</option>";
            }
            ?> 
			</select>
		</p>
	</span>
</div>
<div class="ligne">
	<span style="width=33%;">
		<p align="center">
			<u><font face="Arial Black" size="4" color="#000080">R&D Site :</font></u>
			<br /><br />
			<select size="1" name="RDSite">
			<?php
                  $SQL = "SELECT Name,RDSiteID FROM RDSITE" ;
                  $result = mysql_query($SQL) or die('Erreur SQL : '.mysql_error());
                  while ($val = mysql_fetch_array($result)){
                  echo "<OPTION VALUE='".$val["RDSiteID"]."'>".$val["Name"]."</option>";
            }
            ?> 
			</select>
		</p>
	</span>
	<span style="width=33%;">
		<p align="center">
			<u><font face="Arial Black" size="4" color="#000080">R&D Organization :</font></u>
			<br /><br />
			<select size="1" name="RDOrg" style="vertical-align: middle; position: relative">
			<?php
                  $SQL = "SELECT Name,RDOrgID FROM RDORG" ;
                  $result = mysql_query($SQL) or die('Erreur SQL : '.mysql_error());
                  while ($val = mysql_fetch_array($result)){
                  echo "<OPTION VALUE='".$val["RDOrgID"]."'>".$val["Name"]."</option>";
            }
            ?>
			</select>	
		</p>
	</span>
	<span style="width=33%;">
		<p align="center">
			<u><font face="Arial Black" size="4" color="#000080">Business Organization :</font></u>
			<br /><br />
			<select size="1" name="BusOrg" style="vertical-align: middle; position: relative">
			<?php
                  $SQL = "SELECT Name,BusOrgID FROM BUSORG" ;
                  $result = mysql_query($SQL) or die('Erreur SQL : '.mysql_error());
                  while ($val = mysql_fetch_array($result)){
                  echo "<OPTION VALUE='".$val["BusOrgID"]."'>".$val["Name"]."</option>";
            }
            ?>
			</select>
		</p>
	</span>
</div>
<div class="ligne">
	<span style="width=50%;">
		<p align="center">
			<u><font face="Arial Black" size="4" color="#000080">Project Manager :</font></u>
			<br /><br />
			<select size="1" name="ProjectManager" style="vertical-align: middle; position: relative">
			<?php
                  $SQL = "SELECT Name,PrjMgrID FROM PRJMGR" ;
                  $result = mysql_query($SQL) or die('Erreur SQL : '.mysql_error());
                  while ($val = mysql_fetch_array($result)){
                  echo "<OPTION VALUE='".$val["PrjMgrID"]."'>".$val["Name"]."</option>";
            }
            ?>
			</select>
		</p>
	</span>
	<span style="width=50%;">
		<p align="center">
			<u><font face="Arial Black" size="4" color="#000080">Program Manager :</font></u>
			<br /><br />
			<select size="1" name="ProgramManager" style="vertical-align: middle; position: relative">
			<?php
                  $SQL = "SELECT Name,PrgMgrID FROM PRGMGR" ;
                  $result = mysql_query($SQL) or die('Erreur SQL : '.mysql_error());
                  while ($val = mysql_fetch_array($result)){
                  echo "<OPTION VALUE='".$val["PrgMgrID"]."'>".$val["Name"]."</option>";
            }
            ?>
			</select>
		</p>
	</span>		
</div>
<div class="ligne">
	<p align="center" >
		<u><font face="Arial Black" size="4" color="#000080">Platform :</font></u>
		<br /><br />
		<select size="1" name="Platform" style="vertical-align: middle; position: relative">
			<?php
                  $SQL = "SELECT Name,PlatformID FROM PLATFORM" ;
                  $result = mysql_query($SQL) or die('Erreur SQL : '.mysql_error());
                  while ($val = mysql_fetch_array($result)){
                  echo "<OPTION VALUE='".$val["PlatformID"]."'>".$val["Name"]."</option>";
            }
            ?>
			</select>
	</p>
</div>
<div class="ligne" align="center">
 	<u><font face="Arial Black" size="4" color="#000080">ETM Phases :</font></u> 
 	<br /><br />
	<select size="1" name="Phase" style="vertical-align: middle; position: relative">
		<option value='-2'>No Phase</option>
		<option value='-1'>Kick Off</option>
		<option value='0'>Phase 0</option>
		<option value='1'>Phase 1</option>
		<option value='2'>Phase 2</option>
		<option value='3'>Phase 3</option>
		<option value='4'>Phase 4</option>
	</select>
	<br /><br />
	<div style="width=500px;">
		<p align="left">
			<font face="Arial Black" size="3" color="#000080">Date : </font>
			<input type="text" name="Date" size="12" value="Undefined">
			<br /><br />			
			<font face="Arial Black" size="3" color="#000080">Decision : </font>
			<select size="1" name="Decision" style="vertical-align: middle; position: relative">
				<option value='-1'>No decision yet</option>
				<option value='0'>Refused</option>
				<option value='1'>Redirect or Delay</option>
				<option value='2'>Passed with conditions</option>
				<option value='3'>Passed</option>
			</select>
			<br /><br />
			<font face="Arial Black" size="3" color="#000080">Steering Committee Presentation : </font><input type="file" name="SteeringFile" size="12"></p>
		</p>
	</div>			
</div>
<p align="right">
	<font face="Arial Black" size="3" color="#000080">Archived </font>
	<input type="checkbox" name="Archived">
</p>
 
<p align="center">
	<input type="submit" value="Update Database" name="Update"></p>
</form>
<?php
// déconnection avec MySQL
mysql_close();
?>
</body>
</html>

Désolé de tout mettre mais je ne vois pas du tout où se trouve l'erreur...

Merci !

**denisC** · 09/02/2006, 10h37

Envoyé par Davboc

Code :

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

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

D'abord tu devrais nous donner le code HTML généré et non le code PHP
Ensuite, tu n'as pas d'élement avec l'id Customer.
Finalement, innerHTML sur un select, c'est très suspect, et je suis loin d'être sur que ça marche.

**Davboc** · 09/02/2006, 10h44

J'ai pris exemple sur le script de siddh pour les listes liées... Donc pour ce qui est du innerHTML ça marche puisque son exemple fonctionne parfaitement.
L'élément qui a pour id 'Customer' est le second select
Merci

**titoumimi** · 09/02/2006, 10h45

si tu regardes bien le tuto, tu verra qu'il y a un div livre, suivi par un select livre. La cible, c'est le div livre, le select est quand à lui totalement regénéré par la page ajaxLivre.php.

Il te faut donc créer un div à l'endroit souhaité ayant l'id souhaité

**Davboc** · 09/02/2006, 10h50

titoumimi je t'aime !
Merci merci merci. J'ai créé un span avec l'id voulue et ça fonctionne, Maintenant il me donne une liste vide alors que ma requête SQL est bonne je l'ai vérifiée...
voila la page de la requete MySQLRequest-Project.php :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
        echo "<select size="1" name='Customer' style="vertical-align: middle; position: relative">";
        if(isset($_POST["CustomerID"])){
                mysql_connect("localhost","root","xxx");
                mysql_select_db("xxx");
                $res = mysql_query("SELECT c.CustomerID,c.Name FROM customer c, project p 
                        WHERE p.CustomerID=".$_POST["CustomerID"]." AND p.CustomerID=c.CustomerID ORDER BY c.Name");
                while($row = mysql_fetch_assoc($res)){
                        echo "<option value='".$row["c.CustomerID"]."'>".$row["c.Name"]."</option>";
                }
        }
        echo "</select>";
?>

-- édite par franculo_caoulene, merci de penser aux balises [code] --

**titoumimi** · 09/02/2006, 10h53

moi aussi je m'aime

bon allez, je

**franculo_caoulene** · 09/02/2006, 11h00

C'est du PHP ce n'est plus notre problème

**titoumimi** · 09/02/2006, 11h02

bon allez, vite fait, quand tu fait un echo, fait gaffe aux quotes :

Code :

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

1
2
 
echo "<select size=\"1\" name='Customer' style=\"vertical-align: middle; position: relative\">";

Bon, sur ce, pense au tag

, et si ca bug toujours, passe faire un tour dans la section PHP

**Davboc** · 09/02/2006, 11h09

Merci ! en fait y'avait bien une erreur dans ma requete mais ça renvoie toujours rien... Bref je vais voir ça merci vous m'avez épargné un pétage de câble imminent !

AH SI ! Pardon messieurs une dernière question : Peut-on adapter cette solution à plusieur select ? (un petit indice ou deux seraient les bienvenus)

[Ajax] Bug introuvable

JavaScript

Discussions similaires

Partager

Partager