Discussion :

[PuNiShiM]

Bonjour,

Je suis un grand débutant en javascript et ajax, c'est pourquoi je viens chercher de l'aide ici

Donc j'ai une liste de nom de classes, et en dessous un champ de saisie vide. Je récupère les noms de classes de la base de données pour les mettrent dans la liste, jusque là tout va bien. Après je souhaiterais que quand la personne choisi une classe dans la liste, le nom de classe apparaisse dans le champ de saisie, pour que par la suite la personne modifie son nom.

Ce que je n'arrive pas a faire c'est récupérer le nom de classe et le mettre dans le champ. J'ai trouvé des tuto mais j'ai pas réussi.


Voici le formulaire

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
 
echo "<center>";
echo "<h3>Modifier le nom d'une classe</h3><br/>";
//Formulaire permettant de modifier une classe
echo '<FORM ACTION="maj_classe.php" NAME="maj_classe" METHOD="POST">';				
$ps = mysql_query("SELECT * FROM classe;");
echo '<table>';
echo '<tr><td>Liste</td><td><select name="class" onchange="nomClasse()"><option>Classe</option>';
	while ($donnees = mysql_fetch_array($ps)){
		$i = $donnees['classe'];
		echo '<option value="'.$i.'">'.$i.'</option>';
	}			
	echo '</select></td></tr>';
echo '<tr><td>Nom de classe</td><td><input type="text" name="nom" id="nom" value="'.$_POST['nom'].'" disabled=true></td></tr>';				
echo '<tr><td colspan="2"><INPUT TYPE="submit" NAME="OK" VALUE="Valider"><INPUT TYPE="reset" NAME="effacer" VALUE="Effacer"></td></tr>';
echo '</table>';
echo "</FORM>";
echo "</center>";

Et donc apres j'ai mis ce code dans le meme fichier :

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
 
<script type='text/javascript'>
function nomClasse(){
	var xhr_object = null; 
 
	if(window.XMLHttpRequest) // Firefox 
		xhr_object = new XMLHttpRequest(); 
	else if(window.ActiveXObject) // Internet Explorer 
		xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
	else { // XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		return; 
	} 	 					
	xhr_object.open("POST", "classe.php", true); 
	xhr_object.onreadystatechange = function() {			
		if(xhr_object.readyState == 4) 
			var nom = eval(xhr_object.responseText); 
	}
 
	xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
	var data = "nom="+nom+"&form="+f.name; 
	xhr_object.send(data); 			
}	 		
</script>

Voilà si vous pouvez m'aider, parce que là je suis un peu bien perdu ^^

[takitano]

essaye de rempacer $_POST['nom'] par $_GET['nom']

[PuNiShiM]

oula je devais etre un peu fatigué ce matin ^^

J'ai ma solution, je la mets pour ceux qui voudrait

Code :

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

1
2
3
4
5
6
7
8
<script type='text/javascript'>
	function nomClasse(){
		var choix = document.getElementById('classe').selectedIndex;		
		var nom_selec = document.getElementById('classe').options[choix].value;			
		document.getElementById('nom').removeAttribute('disabled');
		document.getElementById('nom').value=nom_selec;
	}	 		
</script>