Discussion :

[noobC]

salut

Je n'arrive pas à appliquer le changement d'etat d'une image, au retour de l'appel ajax.
La variable "retour" est bien égale à 0 où 1 mais l'objet $(this) ne semble pas être interprété.
Par contre si je place le bout de code en dehors d'ajax ca fonctionne bien, mais j'ai besoins de faire des vérifications avant de modifier la valeur des attributs, des images.

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
 
$(".etat").click(function(){	
	var valeur_alt = $(this).attr("alt");
       var valeur_id = $(this).attr("id");
             $.ajax(
	    {
		type: "GET", 			
		url: 'updateEtat.php?id='+valeur_id+'&etat='+valeur_alt, 
		success: function(retour)
		{
			if(retour == 0){				
				if(valeur_alt == 0){
					$(this).attr({ src: "images/liberer.jpg", alt: "1" });
				}
				else if(valeur_alt == 1){
					$(this).attr({ src: "images/attente.jpg", alt: "0"});
		               }					
			}					
	      }
       });
}

Une autre solution à envisager?

[Bovino]

Sers toi de l'id de l'élément que tu as récupéré avant...

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
$(".etat").click(function(){	
	var valeur_alt = $(this).attr("alt");
       var valeur_id = $(this).attr("id");
             $.ajax(
	    {
		type: "GET", 			
		url: 'updateEtat.php?id='+valeur_id+'&etat='+valeur_alt, 
		success: function(retour)
		{
			if(retour == 0){				
				if(valeur_alt == 0){
					$(valeur_id).attr({ src: "images/liberer.jpg", alt: "1" });
				}
				else if(valeur_alt == 1){
					$(valeur_id).attr({ src: "images/attente.jpg", alt: "0"});
		               }					
			}					
	      }
       });
}

[noobC]

C'est bien vu, j'avais pas percuté sur cette manipulation. Par contre camarche pas directement, surement parceque la ligne de l'image est définit comme cela:

Code :

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

'<img  class="etat" src="images/liberer.jpg" alt="1" id="'.$id.'" user='.$resa_user.'/>';

donc j'ai testé quelque chose de ce style:

Code :

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

1
2
3
4
5
 
if(valeur_alt == 0){
    $(valeur_id).prev("alt").attr("alt", "1");
   $(valeur_alt).prev("src").attr("src", "images/liberer.jpg");
}

Le dom c'est toujours la galère donc si vous avez une idée?

edit: j'ai également essayé au moyen d'une fonction à laquelle je passe en paramètre valeur_id et valeur_alt mais idem, le changement d'état ne se fait qu'après un refresh de la page.

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
 
....
if(retour == 0){
testAffich(valeur_id, valeur_alt);
}
 
function testAffich(valeur_id, valeur_alt){
 
		alert("ID: "+valeur_id+' ALT: '+valeur_alt)
		if(valeur_alt == 0){
				$(valeur_id).attr({ src: "images/liberer.jpg", alt: "1" });
		}
		else if(valeur_alt == 1){
				$(valeur_id).attr({ src: "images/attente.jpg", alt: "0"});
		}
 
	}

Et l'alert affiche bien les bonnes valeurs.

[Bovino]

Code :

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

if(valeur_alt == '0')

plutôt...
Par contre, j'ai du mal à cerner le nouveau problème !

[noobC]

Il n'y a pas vraiment de nouveau problème, c'est juste que

Code :

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

$(valeur_id).attr({ src: "images/liberer.jpg", alt: "1" });

ne marchait pas donc je pensais que ca venait d'une mauvaise manipulation du DOM et j'essayais de trouver un moyen d'y arriver.

Bref j'ai garder ce que j'avais au début et juste ajouté une fonction et le changement d'état ne se fait toujours pas. La valeur de l'état est bien modifié en base et ca passe bien dans le if (le dernier qui modifit l'attribut) mais la dernière ligne de code n'a pas l'air d'être prise en compte.
Je repost le code "complet"

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
 
 
$(".etat").click(function(){	
		var valeur_alt = $(this).attr("alt");
		var valeur_id = $(this).attr("id");
		var valeur_user = $(this).attr("user");		
 
		if (valeur_user !== "" || valeur_user != "undefined") //d'ailleur ca ca marche pas
		{			
			$.ajax(
				{
				type: "GET", 			
				url: 'updateEtat.php?id='+valeur_id+'&etat='+valeur_alt, 
				success: function(retour)
				{					
					if(retour == 0){			
 
						testAffich(valeur_id, valeur_alt);								
					}					
				}
			});
		}
	});
 
	function testAffich(valeur_id, valeur_alt){		
 
		if(valeur_alt == '0'){
		alert("ID: "+valeur_id+' ALT: '+valeur_alt);
				$(valeur_id).attr({ src: "images/liberer.jpg", alt: "1" });
		}
		else if(valeur_alt == '1'){
				$(valeur_id).attr({ src: "images/attente.jpg", alt: "0"});
		}
	}

edit: c'est bon j'ai trouvé, j'en suis revenu à essayer de passer l'objet $(this) (correspondant $(".etat") ici) en paramètre aux fonctions descendantes.
Le problème était que passer l'objet tel quel ne marchait pas, donc il suffit juste d'affecter $(this) à une variable comme ca:

Code :

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

1
2
3
4
5
6
$(".etat").click(function(){	
		var valeur_alt = $(this).attr("alt");
		var valeur_id = $(this).attr("id");
		var valeur_user = $(this).attr("user");	
                valeurCourante = $(this);
....

chelou comme contrainte.