[AJAX] Listes déroulantes liées

**gao77610** · 27/10/2013, 12h02

Bonjour à tous,

J'ai actuellement un formulaire PHP qui fonctionne parfaitement :

code :

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
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
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
<?php include ('verif.php')?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="Dreamweaver CS4">
<title>Page de saisi des réparations Atelier</title>
<script type="text/javascript">
function doPopups() {
if (!document.getElementsByTagName) return false;
var links=document.getElementsByTagName("a");
for (var i=0; i < links.length; i++) {
if (links[i].className.match("popup")) {
links[i].onclick=function() {
// En bas - pour ouvrir sur tout ecran utiliser ce code: window.open(this.href);
window.open(this.href, "", "top=40,left=40,width=600,height=400,scrollbars");
return false;
}
}
}
}
window.onload=doPopups;
// End -->
</script>
</head>
<body background="Images/fonddegradeb.jpg" style="background-attachment:fixed">
<?php 
$db = mysql_connect('localhost', 'root', '') or die('HOST ?');
mysql_select_db('atelier',$db) or die('DB ?'); 
$sql = "SELECT * FROM id_inter WHERE login= '{$_SESSION['login']}'order by id asc "; /*pareil*/
$req=mysql_query($sql) or die ('Erreur SQL !<br>'.$sql.'<br>'.mysql_error()); 
$row = mysql_fetch_array($req);
$user = $_SESSION['login'];
$date = mysql_query ('date');
  echo '<div align="center">';
  echo '<table border="1">';
  echo '<tr><td>N° d\'inter</td><td>N° PC30</td><td>Clients</td><td>Type de prestation</td><td>Code Log</td><td>Type machine</td><td>Type materiel</td><td>N° de série</td><td>Commentaires</td><td>Date</td><td>Résultat</td><td>Pieces en commandes</td><td>Temp passé</td><td>Modification</td><td>Technicien</td><td>Clôturer</td></tr>';
  while($data = mysql_fetch_assoc($req)){ 
  echo '<tr>
  			<td>'.$data['id'].'</td>
  			<td>'.$data['id_pc30'].'</td>
			<td>'.$data['clients'].'</td>
			<td>'.$data['type_prestation'].'</td>
			<td>'.$data['code_log'].'</td>			
			<td>'.$data['type_machine'].'</td>
			<td>'.$data['type_machines'].'</td>
			<td>'.$data['n°_serie'].'</td>
			<td>'.$data['action'].'</td>
			<td>'.$data['date'].'</td>
			<td>'.$data['resultat'].'</td>
			<td>'.$data['pieces'].'</td>
			<td>'.$data['time'].'</td>
			<td><a href="?modifier='.$data['id'].'">Modifier</a></td>
			<td>'.$data['login'].'</td>
			<td><b><a href="fiche_imprim.php?id='.$data['id'].' " class="popup">Clôturer</a></td></tr>';
  } 
  echo '</table>';
 
  echo '</div><hr>';
/*actions*/
if(isset($_GET['supprimer']) && !empty($_GET['supprimer'])){
$id_suppr = (int)$_GET['supprimer'];
$_GET['supprimer']=null;
$sql="delete from `atelier`.`id_inter` where id='".$id_suppr."' limit 1";
mysql_query($sql) or die('DEMANDE SUPPRESSION ?');
unset($_GET);
$_SERVER['PHP_SELF'];
} 
if(isset($_GET['modifier']) && !empty($_GET['modifier'])){
$id_modi = (int)$_GET['modifier'];
$_GET['modifier']=null;
$sql="select * from `atelier`.`id_inter` where id='".$id_modi."' limit 1";
$query=mysql_query($sql) or die('DEMANDE SELECTION ?');
$ligne=mysql_fetch_array($query);
?>
<div align="center">
  <form method="POST" action="">
    <table>
      <tr>
        <td>N° PC30</td>
        <td><input type="text" name="id_pc30" size="20" value="<?php echo $ligne['id_pc30'];?>" maxlength="20"></td>
      </tr>
      <tr>
        <td>clients</td>
        <td><input type="text" name="clients" size="20" value="<?php echo $ligne['clients'];?>" maxlength="20"></td>
      </tr>
      <tr>
        <td>Type prestation</td>
        <td><input type="text" name="type_prestation" size="" value="<?php echo $ligne['type_prestation'];?>" maxlength="20"></td>
      </tr>
      <tr>
        <td>Code Log</td>
        <td><input type="text" name="code_log" size="20" value="<?php echo $ligne['code_log'];?>" maxlength="100"></td>
      </tr>
      <tr>
        <td>Type machine</td>
        <td><input type="text" name="type_machine" size="20" value="<?php echo $ligne['type_machine'];?>" maxlength="255"></td>
      </tr>
	        <tr>
        <td>Type materiel</td>
        <td><input type="text" name="type_machines" size="20" value="<?php echo $ligne['type_machines'];?>" maxlength="255"></td>
      </tr>
      <tr>
        <td>N° de série</td>
        <td><input type="text" name="n°_serie" size="20" value="<?php echo $ligne['n°_serie'];?>" maxlength="100"></td>
      </tr>
      <tr>
        <td>Commentaires</td>
        <td><input type="text" name="action" size="20" value="<?php echo $ligne['action'];?>" maxlength="255"></td>
      </tr>
      <tr>
        <td>R&eacute;sultat</td>
        <td><input type="text" name="resultat" size="" value="<?php echo $ligne['resultat'];?>" maxlength="20"></td>
      </tr>
      <tr>
        <td>Date</td>
        <td><input type="text" name="date" size="20" value="<?php echo $ligne['date'];?>" maxlength="25"></td>
      </tr>
      <tr>
        <td>Pi&egrave;ces en commandes</td>
        <td><input type="text" name="pieces" size="20" value="<?php echo $ligne['pieces'];?>" maxlength="255"></td>
      </tr>
      <tr>
        <td>Temps passé</td>
        <td><input type="text" name="time" size="20" value="<?php echo $ligne['time'];?>" maxlength="50"></td>
      </tr>
    </table>
    <p>
      <input type="submit" value="Modification" name="Modifier">
      <br />
    </p>
  </form>
</div>
<?php
  echo '<center><a href="?">Enregistrer les modifications</a></center>';
?>
<?php
}
if(isset($_POST['Modifier']) && $_POST['Modifier']==="Modification" && $_SERVER['REQUEST_METHOD']==='POST'){
/*LE FORMULAIRE EST POSTE*/
extract($_POST);
// je vérifie si les champs sont vides 
      if(empty($type_machine) OR empty($n°_serie) OR empty($code_log))
      { 
      echo '<center><font color="red">Attention, seul le champs <b>N° pc30</b> peut rester vide !</font>'; 
      echo '<br /><a href="javascript:history.back();">Retour</a></center>';
      } 
      // Aucun champ n'est vide, je peut enregistrer dans la table 
      else 
      {   
      $sql =" UPDATE `atelier`.`id_inter` SET
      `id_pc30`= '$id_pc30' ,
      `clients`= '$clients' ,
      `type_prestation`= '$type_prestation',
	  `code_log`='$code_log',
      `type_machine`= '$type_machine',
	  `type_machines`= '$type_machines',
      `n°_serie`= '$n°_serie',
	  `action`= '$action' ,
	  `resultat`= '$resultat' ,
      `pieces`= '$pieces',
	  `time`= '$time'
	  WHERE id='".$id_modi."'";
      // on insere les informations du formulaire dans la table 
      mysql_query($sql) or die('Erreur SQL !'.$sql.'<br>'.mysql_error());
      // on affiche le résultat pour le visiteur 
      echo '<center>Vos infos on été modifié !<br />'; 
      mysql_close(); // on ferme la connexion 
      echo '<a href="?">Ajouter une inter</a><br /></center>';
      unset($_POST);
	$_SERVER['PHP_SELF'];
      } 
}
else if(isset($_POST['envoyer']) && $_POST['envoyer']==="Envoyer" && $_SERVER['REQUEST_METHOD']==='POST'){
/*LE FORMULAIRE EST POSTE*/
extract($_POST);
      // je vérifie si les champs sont vides 
      if(empty($clients) OR empty($type_prestation) OR empty($type_machine) OR empty($n°_serie) OR empty($code_log)) 
      { 
      echo '<center><font color="red">Attention, seul le champs <b>pieces</b> peut rester vide !</font>'; 
      echo '<br /><a href="javascript:history.back();">Retour</a></center>';
      } 
      // Aucun champ n'est vide, je peut enregistrer dans la table 
      else 
      { 
      $sql =" INSERT INTO `atelier`.`id_inter` (
      `id_pc30` ,
      `clients` ,
      `type_prestation` ,
	  `code_log` ,
      `type_machine` ,
	  `type_machines`,
      `n°_serie` ,
	  `action`,
	  `resultat`,
      `date` ,
      `pieces` ,
	  `time`,
	  `login`
      ) VALUES ('$id_pc30','$clients', '$type_prestation', '$code_log', '$type_machine','$type_machines', '$n°_serie', '$action', '$resultat', NOW(), '$pieces', '$time', '$user')";
      // on insere les informations du formulaire dans la table 
      mysql_query($sql) or die('Erreur SQL !'.$sql.'<br>'.mysql_error()); 
 
      // on affiche le résultat pour le visiteur 
      unset($_POST);
       $_SERVER['PHP_SELF'];
      echo '<p align="center">Vos infos on été ajoutées.</p>'; 
      mysql_close(); // on ferme la connexion 
      echo '<p align="center"><a href="?">Ajouter une inter</a></p>';
		}
      } 
else {   ?>
<div align="center">
  <form method="POST" action="">
    <center>
      <p><strong> Saisir les données dans les cases pr&eacute;vues a cette effet. </strong></p>
    </center>
    <center>
      <p><strong> Laissez vide les cases non utilisées.</strong></p>
      <p>&nbsp;</p>
    </center>
    <table>
      <tr>
        <td>ID PC30</td>
        <td><input type="text" name="id_pc30" size="20" value="" maxlength="20"></td>
      </tr>
      <tr>      
        <td>Clients</td>
        <td>
        <select type="text" name="clients" size="1" value="
		<?php 
// requete SQL :
$requete = 'select clients from clients'; // voir si faut trier autrement
$ret = mysql_query($requete);   
if ( $ret === false ) {  
echo 'Erreur SQL : '.mysql_error().'<br />'.$requete;  
}  
else { 
   //on commence le select
   echo '<select name="clients">'; 
   // on affiche les races
   while ($data = mysql_fetch_assoc($ret)) { 
   echo '<option value="'.$data['clients'].'">'.$data['clients'].'</option>'; 
   } 
   echo '</select>';  
}  
?></td></tr>      
        <tr>      
        <td>Type de prestation</td>      
        <td>
        <select type="text" name="type_prestation" size="" value="
		<?php 
// requete SQL :
$requete = 'select type_prestation from type_inter'; // voir si faut trier autrement
$ret = mysql_query($requete);   
if ( $ret === false ) {  
echo 'Erreur SQL : '.mysql_error().'<br />'.$requete;  
}  
else { 
   //on commence le select
   echo '<select name="type_prestation">'; 
   // on affiche les races
   while ($data = mysql_fetch_assoc($ret)) { 
   echo '<option value="'.$data['type_prestation'].'">'.$data['type_prestation'].'</option>'; 
   } 
   echo '</select>';  
}  
?></td></tr>      
       <tr>
        <td>Code logistique</td>      
        <td>
        <input type="text" name="code_log" size="20" value="" maxlength="200">
        </td>      
       </tr>      
       <tr>      
        <td>Type de machine</td>      
        <td>
        <input type="text" name="type_machine" size="20" value="" maxlength="200">
        </td>
       </tr> 
     <tr>      
        <td>Type materiel</td>      
        <td>      
        <select type="text" name="type_machines" size="1" value="
		<?php 
// requete SQL :
$requete = 'select type from type_machines';
$ret = mysql_query($requete);   
if ( $ret === false ) {  
echo 'Erreur SQL : '.mysql_error().'<br />'.$requete;  
}  
else { 
   //on commence le select 
   echo '<select name="type">';
   // on affiche les races
   while ($data = mysql_fetch_assoc($ret)) { 
   echo '<option value="'.$data['type'].'">'.$data['type'].'</option>'; 
   } 
   echo '</select>'; 
} 
?></td></tr>	   
       <tr>
        <td>N° de série</td>      
        <td>
        <input type="text" name="n°_serie" size="20" value="" maxlength="200">
        </td>      
       </tr>      
       <tr>
        <td>Commentaires</td>      
        <td>
        <input type="text" name="action" size="20" value="" maxlength="255">
        </td>      
       </tr>      
       <tr>      
        <td>Résultat</td>      
        <td>      
        <select type="text" name="resultat" size="1" value="
		<?php 
// requete SQL :
$requete = 'select type from resultat';
$ret = mysql_query($requete);   
if ( $ret === false ) {  
echo 'Erreur SQL : '.mysql_error().'<br />'.$requete;  
}  
else { 
   //on commence le select 
   echo '<select name="type">';
   // on affiche les races
   while ($data = mysql_fetch_assoc($ret)) { 
   echo '<option value="'.$data['type'].'">'.$data['type'].'</option>'; 
   } 
   echo '</select>'; 
} 
?></td></tr>      
       <tr>      
        <td>Pieces en commandes</td>      
        <td>
        <input type="text" name="pieces" size="20" value="" maxlength="255">
        </td>      
       </tr> 
		<tr>      
        <td>Temps passe</td>      
        <td>
        <input type="text" name="time" size="20" value="" maxlength="255">
        </td>      
       </tr>
    </table>
    <p>
      <input type="submit" value="Envoyer" name="envoyer">
      <input type="button" value="Déconnexion" onclick="document.location.href = 'login.php';" /</p>
    <br />
  </form>
</div>
<?php
mysql_close();
}
?>
</body>
</html>

Je voudrais faire des listes déroulantes liées que quand je choisis un client dans la liste clients et la liste type_machines, il ne soit possible de choisir que l'un des code_log de ce client correspondant au type_machines et qu'une fois choisi le code_log le nom de la machine s’intègre dans un champ nom de machine qui correspond au <td>type de machine</td>.

Actuellement la saisie est manuelle pour certain champ et les techs se trompe très souvent.

J'ai regardé sur le forum et on préconise du AJAX, et là même avec des exemples je n'y arrive pas.

J'espère avoir été précis et que l'on pourra me diriger vers une solution.

Merci à tous par avance

Invité · 27/10/2013, 12h22

Bonjour,
=> Web 2.0, allez plus loin avec AJAX et XMLHttpRequest

Mon conseil :
AVANT de vouloir traiter ton problème particulier (+ ou - complexe) : FAIS LES EXERCICES SIMPLES (ceux proposés dans le tuto, par exemple).

**gao77610** · 27/10/2013, 13h01

Merci

J'ai essayer de comprendre comment cela fonctionne ligne par ligne pour les relations avec la BDD.

Invité · 27/10/2013, 13h38

"essayer de comprendre" ne suffit pas.

Il faut FAIRE les exercices.
C'est le MEILLEUR moyen pour tester et comprendre.
Et certainement pas une perte de temps.