Discussion :

[lodan]

Bonsoir,

Dans une page html j'appel un script utilisant la fonction "XMLHttpRequest"

Et cela fonctionne très bien, voici le code :

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
			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 goSelect(){
				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('doc_type').innerHTML = leselect;
					}
				}
 
				<!-- Ici on va voir comment faire du post-->
				xhr.open("POST","Ooo_ajax_field.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 Select-->
				sel = document.getElementById('doc_sel');
				idselect = sel.options[sel.selectedIndex].value;
				xhr.send("idSelect="+idselect);
			}

J'utilise le déclenchement sur un boîte "select", j'ai donc dans mon code

Code :

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

idselect = sel.options[sel.selectedIndex].value;

En avant dernière ligne

Maintenant, je veux faire la même chose, mais je vais utiliser pour la 1ère fois des boutons radio.

Mais là, je sèche complètement sur ce que je dois mettre à la place de cette ligne, Ce n'est plus sur un "select" mais sur un champ input de type "radio".

[stephane eyskens]

Que veux-tu récupérer? Tu veux savoir si la checkbox est cochée ou non, c'est ça?

Si c'est ça, tu n'as qu'à faire ceci

Code :

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

document.forms['tonformulaire'].elements['lenomducheckbox'].checked

Ceci te retournera true ou false selon qu'elle a été cochée ou non.

[lodan]

En faisant cette modification, la console Javascript me dit que

Code :

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

document.forms.doc_sel has no properties

Voici mon code html

Code :

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

1
2
3
4
5
6
7
8
<label for="select" title="Y aura-t-il une sélection sur ce champ ?">Sélection :</label>
			{if $table.doc_select ==1}
			<input type="radio" name="doc_select" id="doc_sel" onchange="goSelect()" value="1" checked>Oui
			<input type="radio" name="doc_select" id="doc_sel" onchange="goSelect()" value="0">Non
			{else}
			<input type="radio" name="doc_select" id="doc_sel" onchange="goSelect()" value="1">Oui
			<input type="radio" name="doc_select" id="doc_sel" onchange="goSelect()" value="0" checked>Non
			{/if}

Qu'en est-il réellement ?

De quoi parle-t-il ?

Merci d'avance