Bonjour à toutes et tous !!
Je souhaite mesurer la valeur en pixel d'une "margin-top" d'un élément. Dans la feuille de style la valeur "par défaut" est exprimée en %.
Dans mon script j'ai besoin de connaitre la valeur réelle en pixel, donc je fais : jQuery('#element').css('margin-top');
Avec Firefox, Chrome et Opera, la valeur retournée est bien la bonne valeur exprimée en pixel, mais avec Safari la valeur est complétement aberrante (1500 au lieu de -114)...
Voici ci-dessous les différents méthodes que j'ai essayé pour solutionner mon problème, dans mon cas j'ai la chance d'avoir à disposition mootools en plus de jquery... mais même avec tous ça je n'arrive pas à solutionner mon problème ...
Est ce quelqu'un connait la solution pour que Safari interprète la valeur en pixel ??
Code : 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
17
18 //les méthodes suivantes me retourne la valeur définie dans la feuille de style en % //Retourne 6% var sliderElemen = document.getElementById('headerslider'); var headerSliderCss = document.defaultView.getComputedStyle(sliderElemen,null).getPropertyValue('margin-top'); //Retourne 6% var sliderElemen = document.getElementById('headerslider'); headerSliderCss = sliderElemen.getComputedStyle('margin-top'); //Retourne 6% headerSliderCss = $('headerslider').getStyle('margin-top'); //Retourne n'importe quoi headerSliderCss = jQuery('#headerslider').css('margin-top'); console.log(headerSliderCss);
Merci d'avance pour votre aide et bonne journée !
Partager