Discussion :

[lumycaan]

Bonjour,

J'ai un soucis avec le code ci-dessous. En effet, je n'arrive pas à récupérer la variable "valeur" malgré le fait que je l'ai déclarée afin qu'elle soit globale, donc accessible dans l'intégralité du script.

Voici donc mon code présent dans mon formulaire:

Code php :

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

1
2
3
4
5
6
7
8
<select name="enta" id="enta" onchange="retvaleur();" style="width:180px;">
<?php
while($donnee=mysql_fetch_array($retreponse))
{?>
    <option value="<?php echo $donnee['id'];?>" <?php if($entxa==$donnee['id']){echo 'selected="selected"';}?> > valeur </option>
<?php
}
?>

Et voici celui qui est entre les balises HEAD.

Code :

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

1
2
3
4
5
6
7
valeur=null;
function retvaleur()
{
    select = document.getElementById("enta");
    choice = select.selectedIndex;
    valeur = select.options[choice].value;
}

Si je mets un alert dans la fonction les valeurs s'affichent, par contre si l'alert est en dehors de la fonction, plus rien ne s'affiche.

Merci de votre aide.

[laurentSc]

faut pas mettre "var" devant "valeur" pour qu'elle soit déclarée ?

[Kaamo]

Non, quand on est au niveau du contexte global (hors d'une fonction), tu peux déclarer les variables de cette façon ,sans mettre var. Cependant, ce n'est pas une bonne pratique :

Code :

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

1
2
3
4
5
6
7
8
// ici on est dans le "scope" global de la page. Chaque variable est attachée à window.
var a = 1; // équivaut à window.a = 1, équivaut à window[a] = 1, équivaut à a = 1
console.log(window); // tu verras qu'il y a quelque part notre variable "a"
 
function test() {
  b = 2; // sera contenu dans window à l'exécution de test()
  var c = 3; // ne sera pas contenu dans window à l'exécution de test()
}

Pour revenir au problème,

Code :

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

<option value="<?php echo $donnee['id'];?>" <?php if($entxa==$donnee['id']){echo 'selected="selected"';}?> > valeur </option>

Dans ce code, value est vraiment dôté de l'id ?

Que cherches tu à faire lors de l'événement onchange ? Afficher la valeur sélectionnée ?
<select name="enta" id="enta" onchange="alert(this.value)" style="width:180px;"> suffit amplement

[lumycaan]

Pour revenir au problème,

Code :

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

<option value="<?php echo $donnee['id'];?>" <?php if($entxa==$donnee['id']){echo 'selected="selected"';}?> > valeur </option>

Dans ce code, value est vraiment dôté de l'id ?

Oui, lorsque je fais un alert, c'est bien la valeur de l'id qui est affichée.

Que cherches tu à faire lors de l'événement onchange ? Afficher la valeur sélectionnée ?
<select name="enta" id="enta" onchange="alert(this.value)" style="width:180px;"> suffit amplement

Mon objectif avec le onchange est de récupérer l'id à chaque changement de la sélection dans le menu déroulant. Ce système fonctionne bien mais la portée de ma variable reste dans la fonction. Je n'arrive pas à la récupérer en dehors.

Je fais tout cela dans le seul but de pouvoir récupérer un id afin de lancer une requête SQL pour aller chercher une info propre à la ligne référencée par l'id dans ma base de données en temps réel.

[Invité]

Bonjour,
et c'est ta fonction function retvaleur() qui va récupérer les infos en BdD via Ajax, ou c'est une autre fonction JavaScript (que tu ne montres pas) ?

Explique-nous EN DETAIL ta méthode, car elle semble... améliorable.

[lumycaan]

Je pensais mettre une requête SQL directement dans la fonction retvaleur() en la mettant entre des balises php. Mais je ne sais pas si c'est faisable car je vois que tu parles d'Ajax pour accéder à la BdD. Chose que je ne sais pas faire.

[Invité]

=> Les meilleurs cours et tutoriels AJAX
Notamment celui-ci : Web 2.0, allez plus loin avec AJAX et XMLHttpRequest

Lis le tuto. N'hésite pas à faire les exercices/exemples proposés.

[lumycaan]

Merci, je vais regarder toutes ces infos.

[lumycaan]

Bon, et bien j'ai toujours un souci avec mon code.

J'ai créé le code ci-dessous entre mes balises head en 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
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 retvaleur()
{
	select = document.getElementById("enta");
	choice = select.selectedIndex;
 
	var xhr = getXhr();
	xhr.onreadystatechange = function()
			{
				if(xhr.readyState==4 && xhr.status==200)
				{
				     alert(xhr.responseText);
				}
			}
	xhr.open("POST","ajax1.php",true);
	xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
	valeur = select.options[choice].value;
	xhr.send("valeur"+valeur);		
}

et dans une nouvelle page que j'ai appelé ajax1.php le code ci-desous.

Code php :

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

1
2
3
<?php
echo $_POST['valeur'];
?>

Le problème c'est que mon alert ne me retourne rien. la fenêtre alert s'ouvre bien mais je n'ai pas de valeur retournée.

Merci de votre aide

[lumycaan]

J'ai modifié mon code de la manière suivante:

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
function retvaleur()
{	
	var xhr = getXhr();
	xhr.onreadystatechange = function()
			{
				if(xhr.readyState==4 && xhr.status==200)
				{
				     donnee = xhr.responseText;
                                                        alert(donnee);
				}
			}
	xhr.open("POST","ajax1.php",true);
	xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
             select = document.getElementById("enta");
	choice = select.selectedIndex;
	valeur = select.options[choice].value;
	xhr.send("valeur="+valeur);		
}

Mon script ne fonctionne qu'une fois

[lumycaan]

C'est résolu. Merci à tous

[laurentSc]

Dis comment ; ça peut servir à d'autres...