Discussion :

[Geoffrey74]

Bonjour,

J'explique mon cas, j'ai donc une requête jquery qui exécute une fonction php, celle-ci me retourne soit rien, soit un chiffre, et en fonction de celui-ci je change la couleur d'un texte.
Mon soucis est d'exploiter le résultat en changeant la valeur d'une variable JS.

Voici le bout de 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
 
var couleur = "blue";
id = x+'-'+y;
if(Action == 1 || Action == 0)
{
	$.get('fonction.php?do=search&id='+id, function(data) 
	{
		if(data != "")
		{	
			found = 1;
			couleur = "Red"; // OnMouseOver
		}
			else
		couleur = "White"; // OnMouseOver						});												
}
else
couleur = ""; // OnMouseOut

Donc couleur reste bleu quoi qu'il arrive quand l'action vaut 0 ou 1 et que la requête jquery est effectuée.

J'ai donc vu que mon code là n'est pas bon, mais comment obtenir un résultat identique ?

[Geoffrey74]

J'ai essayé de modifier la valeur d'un input hidden, mais marche pas, malgré le faite que mon code soit bon (si je le met en dehors du jquery, il fonctionne)

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
 
id = x+'-'+y;
if(Action == 1 || Action == 0)
{
	$.get('fonction.php?do=search&id='+id, function(data) 
	{
		if(data != "")
		{	
			$("#color").attr("value", "Red");  // OnMouseOver
		}
		else
			$("#color").attr("value", "White");  // OnMouseOver
	});												
}
else
	$("#color").attr("value", "");  // OnMouseOut
 
 
var Elt = document.getElementById(id);
Elt.style.backgroundColor = $('#color').val();

EDIT: J'ai l'impression que la réponse serveur arrive après que la ligne

Code :

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

Elt.style.backgroundColor = $('#color').val();

soit exécutée.

J'ai donc chercher comment attendre la réponse avant de poursuivre le code et j'ai lu qu'il était possible de faire une requête synchrone qui attend la réponse serveur avant de poursuivre, seulement je n'arrive pas du tout à la faire fonctionner (je l'ai vu dans une commande $.ajax)

EDIT2: J'ai finalement réussi en passant pas de l'ajax synchrone en executer cette requête :

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
 
$.ajax(
{
	type: "GET",
	url: "fonction.php",
	data: "do=search&id="+id,
	async: false, 
	success: function(data)
	{
		if(data != "")
		{	
			$("#color").attr("value", "Red");  // OnMouseOver
		}
		else
			$("#color").attr("value", "White");  // OnMouseOver
   }
 });