Discussion :

[traz0m]

Bonjour,

Je possède 2 fichiers, un avec le sript ajax,deux checkbox et un select ci-dessous ( j'ai volontairement simplifié, ce n'est pas vraiment mon code c'est juste pour que vous compreniez )

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
 
<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('valeur').value = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajax.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('donnees');
				id = sel.options[sel.selectedIndex].value;
				xhr.send("donnees="+id);
			}
		</script>
 
 
<form method="POST" action="">
 
<input type="checkbox" name="boxA" value="boxA" >boxA
<input type="checkbox" name="boxB" value="boxB" >boxB
 
	<select name="valeur">
		<option value="valeurA" >valeurA</option>
	</select>
 
	<input type="text" name="donnees" value="">
 
</form>

et voilà mon code intermédiaire ajax.php :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
 
$select = $_POST['valeur'] ;
 
$req = mysql_query("SELECT Numero FROM table WHERE id = '" . $select ."' "); 
 
while($tab = mysql_fetch_array($req))
{
echo $tab['Numero'] ; 
}

Ces deux pages me permettent de récupérer dans mon input=texte la valeur de $tab['Numero'] par rapport à la valeur de mon select mais je souhaite obtenir quelque chose comme cela:

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
 
$select = $_POST['valeur'] ;
$boxA = $_POST['boxA'] ;
 
 
 
 
$req = mysql_query("SELECT Numero FROM table WHERE id = '" . $select ."' "); 
 
while($tab = mysql_fetch_array($req))
{
	if( $boxA == on )
	{
			echo "A" . $tab[Numero] ;
	}
	else
	{
			echo "B" . $tab[Numero] ;
	} 
}

:


c'est à dire récupérer aussi en même temps que la valeur de mon select, la valeur de ma boxA, pour ensuite pouvoir avoir une valeur différente dans mon input=text suivant la case cochée.

J'espère m'être exprimé assez clairement.

Merci d'avance de votre aide

[Bovino]

Code :

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

xhr.send("param1=valeur1&param2=valeur2&...&paramN=valeurN");

[traz0m]

merci de cette réponse mais comment en AJAX je récupère la valeur de ma checkbox ?

quelle est l'équivalent de :

Code :

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

1
2
3
 
sel = document.getElementById('donnees');
				id=sel.options[sel.selectedIndex].value;

pour la checkbox ?

[Bovino]

Tout d'abord, c'est en JavaScript que tu la récupère
Mais bon, c'est comme pour tout champ de formulaire :

Code :

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

document.forms[0].boxA.value;

enfin, il y a de meilleures méthodes, mais là, c'est adapté au code de ton exemple.

Sinon, à tout hasard, tu as été regarder la

[traz0m]

merci de l'aide mais comme vous l'avez vu je suis débutant en AJAX/JAVASCRIPT donc là je suis un peu perdu.

En mettant :

Code :

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

1
2
3
4
5
6
7
8
 
box = document.forms[0].boxA.value;
 
				sel = 
document.getElementById('CommuneFiche');
 
				idauteur = sel.options[sel.selectedIndex].value;
				xhr.send("CommuneFiche="+idauteur&"boxA="+boxA);

j'ai une erreur javascript, objet attendu.

[Bovino]

C'est normal, dans l'exemple que tu donnes, aucun élément n'a d'id ''CommuneFiche''

[traz0m]

oui ça c'était normal car j'ai fais un mauvais copier coller mais sinon j'ai trouver une autre astuce qui n'envoi pas mes deux paramètres en AJAX car cela je n'ai pas du tout réussi, mais je récupère la valeur de ma checkbox en javacript et ça change de formulaire intermédiaire suivant la case cochée.

Merci de votre en tout cas.