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:
Ca me renvoi les valeurs en px
Code JQuery : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 var posfleche=$('#fleche').offset(); var lft = posfleche.left; alert(lft);
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
Partager