Bonjour,

Voilà la question est quasiment dans le titre , actuellement je suis entrain de créer des objets qui ont des valeurs en % dans le CSS comme ceci:

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
#fleche{
left:70%;
}

Hors pour des questions pratique, je souhaite rester avec mes %.
Le soucis est que je souhaite animer ma "fleche" grâce à la fonction animate de Jquerry, ce qui nous donne:

Code JQuery : 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
$("#fleche").click(function(){
	var posfleche=$('#fleche').offset();
	var lft = posfleche.left;
	var poucent=(lft/$(window).width())*100;
 
if (poucent>=70){
	$("#fleche").animate({ 
        	left: "60%",
       	}, 1500 );
}
else {
	$("#fleche").animate({ 
       		left: "70%",
	}, 1000 );
}
});

Tout ceci marche très bien, mais mon problème c'est que pour récupérer mes "70%" ou "60%" j'ai du finter en utilisant un calcul (ce qui est en gras).

J'ai bien tenter cela:
Code JQuery : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
var posfleche=$('#fleche').offset();
var lft = posfleche.left;
alert(lft);
Ca me renvoi les valeurs en px

et quand j'ai tenté cela
Code JQuery : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
var lft=$('#fleche').left;
alert(lft);

ca me renvoi UNDEFINED

D'ou ma question, est t'il possible de récupérer ma valeur left exprimé en % sans passer par mon calcul barbar ?

Merci d'avance