Discussion :

[dev14]

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 :

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

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.

[CosmoKnacki]

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

Code :

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

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

[Darkaurora]

É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 :

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

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 :

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

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.

[danielhagnoul]

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 :

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

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

[Bovino]

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 :

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

1
2
3
function foo(bar){
    // code
}

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

Code :

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

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 :

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

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...

[dev14]

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 :

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

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.