Discussion :

[LanfeustXIII]

Bonjour,

J'aimerais calculer la taille des marges autour d'un de mes objets html.
Mon objet est d�clar� de cette mani�re dans mon fichier html :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<div id="viewer">

Le code css est situ� dans une feuille de style � part :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
#viewer
{
	width : 100%;
	height : 100%;
	margin-left : 300px;
	margin-right : 0px;
}

Au sein de mon fichier javascript j'effectue la boucle suivante afin de calculer la somme des marges des objets contenant mon objet viewer (seul mon objet viewer poss�de une marge dans le cas actuel) :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
var offsetTop = 0;
var offsetLeft = 0;
var p = document.getElementById('viewer');			
while(p.style != undefined){
   offsetTop += p.style.marginTop;
   offsetLeft += p.style.marginLeft;
   p = p.parentNode;
}

A la suite de cela, offsetLeft devrait contenir 300. Hors il ne contient rien. La valeur de p.style.marginLeft de mon objet viewer a pour valeur "undefined" quand je l'affiche dans la console.

Par contre si je place le css dans le fichier html comme suit, tout marche bien :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<div id="viewer" style="width:100%;height:100%;margin-left:300px;margin-right:0px"></div>

Pourquoi ne puis-je pas acc�der au css si il se trouve dans une feuille de style externe au html ?

Merci de vos r�ponses

Cordialement

David

[SpaceFrog]

a quoi �a sert �a ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

while(p.style != undefined){

[LanfeustXIII]

A chaque fois je r�cup�re le conteneur parent afin de v�rifier si celui-ci a une valeur diff�rente de z�ro dans ses propri�t�s marges. J'utilise :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

while(p.style != undefined){

afin de v�rifier s'il existe encore un objet p�re. Si la propri�t� style existe alors c'est un objet html (document, page, div etc..). Sinon si la propri�t� n'existe pas alors cela veut dire que l'on est remont� trop haut, on a donc atteint le dernier conteneur (document), on s'arr�te alors.

[SpaceFrog]

A chaque fois je r�cup�re le conteneur parent

tu es dans une boucle ?

tu ne nous montre pas le code entier ?

[Watilin]

Moi je trouve que �a ressemble � de l'attente active... Boucler pour attendre quelque chose n'est pas une bonne fa�on de faire en JS, en g�n�ral.

https://developer.mozilla.org/en/DOM...tComputedStyle

[LanfeustXIII]

Excus� moi mais j'ai du mal � vous suivre ^^ ....
O� voyez vous de l'attente ? ^^

Je n'attends jamais, � partir d'un div donn�, je v�rifie si se div a une marge, si oui j'enregistre sa valeur. Une fois cela fait je r�cup�re le div parent, (soit le div qui contient notre premier div) Je v�rifie alors si il poss�de une marge .. etc

Jusqu'� arriver au conteneur le plus haut dans la hi�rarchie, soit document sauf erreur.
Afin de savoir si p.parentNode n'est pas null (en d'autre mot savoir si p est contenu par un autre �l�ment html et donc que je n'ai pas encore atteint le conteneur le plus haut dans la hi�rarchie) j'acc�de � une propri�t� du conteneur afin de savoir si elle existe. Si c'est le cas cela signifie que l'�l�ment parent existe. J'ai choisi style, mais j'aurais pu choisir autre chose. Si la propri�t� existe c'est que j'ai bien r�cup�r� un �l�ment html.
J'avais trouv� cette exemple sur internet, cela fonctionne bien.

[Invit�]

Moi je trouve que �a ressemble � de l'attente active...

Je ne savais m�me pas que �a existait !
Ca veut dire "aller se chercher une bi�re pendant les pubs, en attendant que le film recommence" ?