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 : 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
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"));
Partager