Mozilla récupérer le margin-left d'une div

Version imprimable

Bonjour,

j'ai, pour mon site internet un div (PagePrincipale) qui contient du texte. Ce div est de taille variable, je lui est donc assigné un margin left et rigth pour qu'il se centre dans le navigateur.

j'ai un menu qui se trouve sur la gauche de PagePrincipale dans un div (InfoMessageAdmin). Celons la résolution de l'écran ou la taille du navigateur, le menu chevauche PagePrincipale.

J'ai donc créé une fonction qui compare la taille de InfoMessageAdmin avec la marge à gauche de PagePrincipale . Si la marge n'est pas assez grande, le menu est masqué.

Ce code fonctionne sur IE et Opera. Mais sur Mozilla impossible de récupérer la valeur assignée à margin-left.

Voici les pistes que j'ai exploré:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 function RecupStyle(id) { Element = document.getElementById(id); var style = Element.currentStyle || window.getComputedStyle(Element); return style } function getStyle(el,styleProp) { var x = document.getElementById(el); if (x.currentStyle) var y = x.currentStyle[styleProp]; else if (window.getComputedStyle) var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp); return y; } var style = RecupStyle("PagePrincipale"); alert(style.marginLeft); alert($( "#PagePrincipale" ).css( "margin-left" )); alert(getStyle("PagePrincipale","margin-left"));

19/06/2015, 15h41
01001111

Bonjour,
Bizarre que ça ne marche pas je viens de vérifier, currentStyle et getComputedStyle fonctionnent normalement avec margin-left, non marginLeft
Note on peut aussi peut-être passer par element.style[styleProp] (qui lui aura besoin de marginLeft) ou encore element.offsetLeft, variable présente sur à priori tout élément visible du DOM html, et qui cumule la valeur de left et la valeur de margin-left si je me souviens bien. Même si margin-left est sur le réglage auto, cette propriété offsetLeft renvoie la valeur en rapport à son element parent.
19/06/2015, 16h58
ManuelSimoes

Bonjour 01001111,

Merci de ta réponse. Après quelque tests. beaucoup de tests...
Je pense que Mozilla lit le CSS pour cette donnée. Si je met un margin en dur, la fonction me retourne une valeur. Sinon la valeur est de 0px.
Je vais essayer de calculer la largeur de la marge à partir de la largeur de la fenêtre - celle de mon div divisée par 2.
Je publierais la fonction quand elle sera opérationnelle.

Bonjour,

Voici les fonctions qui résolvent ce problème:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function largeur_fenetre()
{
 if (window.innerWidth) return window.innerWidth;
 else if (document.body && document.body.offsetWidth) return document.body.offsetWidth;
 else return 0;
}
function CaculMarginLeft(el)
{
	var PagePrincipale = Math.abs(getStyle(el,"width").replace("px",""));	
	var laLargeur = largeur_fenetre();
	var Margin = (laLargeur-PagePrincipale)/2;
	return(Margin);
};

19/06/2015, 17h32
01001111

Oui, c'est ça, tu as compris que margin-left est sur auto par défaut...
Tu aurais cependant pu obtenir le même résultat avec offsetLeft, sans passer par des calculs!
Enfin bien joué!