Obtenir la variable d'une fonction parente (fonctions imbriquées)

Bonjour,

Voici ce que je souhaiterais faire, récupérer l'id de mon événement dans la fonction qui fait suite à l'animate.

Code:

---

1 2 3 4 5 6

$('area').one("click", function(){ id=$(this).attr('id'); // exemple : "id5" $('#map').animate({"margin-right":'200px'}, 500, function(id){ alert(id); // renvoie undefined ; souhaité : "id5" }); });

---

Je ne sais pas si c'est possible.

Tu peux tenter quelque chose comme ça (pas testé):

Code:

---

1 2 3 4 5 6

$('area').one("click", function(){ id=$(this).attr('id'); $('#map').animate({"margin-right":'200px'}, 500, (function(id){ alert(id); })(id)); });

---

:weird: Étrange peut être compréhensible étant passé par la.

la méthode animate possède un paramètre qui est une fonction callback. Tu peux faire effectivement utiliser la solution de Cosmoknacki mais ça reste fastidieux si tu dois le faire a chaque fois. Je te propose deux solutions:

Code:

---

1 2 3 4 5 6 7

$('area').one("click", function(){ var id=$(this).attr('id'); // exemple : "id5" $('#map').animate({"margin-right":'200px'}, 500, function(){ alert(id); // renvoie undefined ; souhaité : "id5" }); });

---

Soit tu retires simplement le paramètre id de ta fonction de callback tout en déclarant sainement ta variable id avec le mot clé var

Code:

---

1 2 3 4 5 6 7 8 9

var Callback = function ( id ) { alert( id ) }   $('area').one( "click", function ( ) { var id=$(this).attr('id'); // exemple : "id5" $('#map').animate({"margin-right":'200px'}, 500, Callback( id ) ) } );

---

Soit tu déclares une fonction, ici Callback qui remplacera le callback par défaut. Cette technique est conseillée si tu dois réaliser la même action dans plusieurs animate différents par exemple.

Bonsoir

@Darkaurora : "tout en déclarant sainement ta variable id avec le mot clé var"

Hé oui ! Il suffit de ne pas oublier le "var" comme il se doit !

Code:

---

1 2 3 4 5 6 7 8 9

$( "area" ).one( "click", function( event ){ var id= this.id; // exemple : "id5" // ou var id = $( event.target )[ 0 ].id; $( "#map" ).animate( { "margin-right" : "200px" }, 500, function(){ alert( id ); // "id5" }); });

---

D'autre part, dev14 confond allègrement paramètre passé à une fonction lors de l'appel et paramètre attendu dans la définition d'une fonction !

Code:

---

1 2 3

function foo(bar){ // code }

---

Ici, tu déclares que la fonction foo attend un paramètre qui sera appelé bar.

Code:

---

foo(bar)

---

Ici, tu appelles la fonction foo en lui passant la valeur de la variable bar en paramètre.
Donc quand tu fais

Code:

---

1 2 3 4 5

var bar = 'baz'; function foo(bar){ alert(bar); } foo();

---

La variable bar dans la fonction foo n'a rien à voir avec celle définie en dehors de la fonction. Tu obtiens donc bien undefined dans le message puisque tu n'as pas passé de valeur au paramètre attendu qui vaut donc par défaut undefined...

Mon code était désespéré Bovino, je ne fais pas ce genre de confusions, mais quand un truc ne marche pas et que je m'entête trop longtemps, à la fin je finis par tenter tout et n'importe quoi ;)

J'avais mis var à ma variable aussi, sans résultat.

Par contre je suis quelque peu agacé car ce matin ça marche de la plus simple des manières :

Code:

---

1 2 3 4 5 6

$('area').one("click", function(){ var id=$(this).attr('id'); // exemple : "id5" $('#map').animate({"margin-right":'200px'}, 500, function(){ alert(id); // renvoie : "id5" }); });

---

Ca doit être la théorie du code reposant, la veille il ne marche pas le lendemain il fonctionne...

Je m'excuse quand même de vous avoir fait intervenir du coup, j'ai une petite précision, hier je ne faisais ces tests QUE sur Firefox. Et j'ai remarqué que firebug avait des ratés (sélection qui ne se faisait pas par exemple). Donc peut-être que mon navigateur avait des soucis et nécessitait d'être réinitialisé je ne sais pas.

Citation:

---

Envoyé par dev14

hier je ne faisais ces tests QUE sur Firefox. Et j'ai remarqué que firebug avait des ratés

---

Pour information

Avec Firefox il n'est plus nécessaire d'utiliser Firebug.

Lorsqu'on désinstalle Firebug, la touche F12 ouvre des outils (similaires à ceux de Chrome) incorporés au navigateur et très performants.

J'ai aussi traîné Firebug trop longtemps par habitude.