Bonjour à tous,

Je fais mes premiers pas en Javascript depuis quelques semaines et en Ajax depuis quelques jours.

Je cherche actuellement à afficher dans un formulaire des données dynamiquement mais je n'y arrive pas.

Voici la table que je dois interroger.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
CREATE TABLE voyage(
Num_Voyage SMALLINT unsigned NOT NULL auto_increment,
DateArriv date,
DateDepar date,
Num_Pers SMALLINT UNSIGNED NOT NULL,
PRIMARY KEY (`Num_Voyage`),
FOREIGN KEY (`Num_Pers`) REFERENCES personnes(`Num_Pers`) ON DELETE CASCADE);
le code html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
<table><tr><td>
  <label>Séjour : </label> 
  <select name="responsable" id='responsable' onchange="go();" ><?php  (isset($tableauR)) ? responsable($tableauR): responsable('-1');?></select>
  </td><td>
  <input type="button" onclick="affCache('div1');affCache('div2');"   value="Ajouter Responsable"/></td></tr>
  <tr><td><label>Séjour du</label> :</td><td><label name='date1'></label> </td><td><label> au </label>: </td><td></td><tr>
</table>
le code javascript :
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
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;
			}
 
 
			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){
						ladate = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('date1').innerHTML = ladate;
					}
				}
 
 
				xhr.open("POST","oAjax.php",true);
 
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 
				resp = document.getElementById('responsable');
				idresp = resp.options[resp.selectedIndex].value;
				xhr.send("responsable"+idresp);
			}
et enfin le code Php :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
	include connect.php
	$query = 'SELECT * FROM voyage Where Num_Pers=".$_POST["responsable"]." ';
	if ($result = mysqli_query($link, $query)){
	$tab = mysqli_fetch_assoc($result);
 
	echo "<label name='date1'>$tab[DateArriv]</label>";
 
	/* Libération du jeu de résultats */
		mysqli_free_result($result);
	}

J'ai essayé de bricoler un truc qui ressemble à ce que j'ai compris des différents tutos que j'ai lu d'Ajax.

Je cherche juste à afficher dynamiquement les dates de séjour correspondant au responsable sélectionné dans le select.

Merci d'avance