jQuery+ajax: recupération objet courant dans success

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:

---

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?

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

Code:

---

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"}); } } } }); }

---

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:

---

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

---

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

Code:

---

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:

---

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.

Code:

---

if(valeur_alt == '0')

---

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

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

Code:

---

$(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:

---

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:

---

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.