Discussion :

[Totila]

Bonjour � la communaut�,

Ceci est mon premier message, aussi, s'il n'est pas � sa place ni conforme, merci de m'indiquer la marche � suivre. Maintenant j'en viens au fait.

Dans un script en Javascript, je cherche � obtenir la valeur de padding-Bottom mais ... je n'y arrive pas. J'essayai :
- document.getElementById('conteneur_general').style.paddingBottom qui donne "",
- document.getElementById('conteneur_general').paddingBottom qui donne "undefined",
- � tout hasard, document.getElementById('conteneur_general').offsetHeight, bien que non conforme, marche et donne "16" mais ce n'est pas la valeur dont jai besoin.

Note : les guillemets de chaque c�t� du r�sultat y sont pour mieux le voir mais n'en font pas partie.

Je vous saurais vivement gr� de me dire si ce que je cherche est possible et si oui, comment.

Merci de votre r�ponse et
Meilleures salutations

[E.Bzz]

Bonjour, et bienvenue sur Developpez.com !
(m�me si tu avais en fait d�j� post� )

Dans un script en Javascript, je cherche � obtenir la valeur de padding-Bottom mais ... je n'y arrive pas.

Pour pouvoir le r�cup�rer, il faut qu'il ait �t� explicitement d�fini (en CSS ou Javascript).
Est-ce le cas ?

A+

[kimjoa]

pour r�cup�r� une valeur �crite dans une css il te faut cette fonction crosse browser

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var getStyle = function(/*DOMObject*/element, /*string*/rule){//peux etre definit en globale car très utilise, aucune dépendance...
    var camelRule=rule.replace(/\-(\w)/g, function (strMatch, p1){return p1.toUpperCase();}),//supprime les tiré et met en majuscule la lettre suivante
        value = element.style[camelRule];
    if (!value){
        if(document.defaultView && document.defaultView.getComputedStyle){
            value = document.defaultView.getComputedStyle(element, "").getPropertyValue(/*fait l inverse de camelRule*/rule.replace(/[A-Z]/g, function(match){return '-'+match.charAt(0).toLowerCase();}));
        }else{//specifique ie
            value = element.currentStyle[camelRule] ;
        }
    }
    return value == 'auto' ? undefined : value;
};

Cependant les retours des paddings , margins, et borders diff�re en fonction du navigateur.
Pour certain il ne retourneront pas un simple padding , mais il faudra �tre plus pr�cis en indiquant la direction (padding-left).

A toi de compl�ter la fonction a++

[Totila]

Merci de vos r�ponses :
- je n'ai pas encore compris celle de kimjoa de par mon pi�tre niveau en JavaScript mais je vais t�cher !
- quant � celle d'E.Bzz : la valeur est bel et bien d�clar�e, dans un fichier externe css invoqu� par <link href="Styles/le_fichier_en_question.css" rel="stylesheet" type="text/css" />. J'ai cru, de par la mention d'explicite (� croire qu'on parle d'un porno !) que l'erreur venait de ce que le fichier contenait seulement padding: 8px; mais remplacer cette d�claration par :
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
ne changea rien du tout ; autrement dit, le pb reste entier.

Je continue donc de chercher, hum, et de m'appr�ter � lire vos r�ponses.

Meilleures salutations.

[Invit�]

jour

ce que tu doit comprendre c'est que pour lire dans un fichier css tu doit utiliser deux syntaxes une pour ie et une pour les autres navigateur

si tu utilise style ou getattribute le navigateur ira cherche dans la balise incremine et pas dans le fichier css

monsieur ie

Code :

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

1
2
 
value = document.getElementById('monelement').currentStyle.paddingLeft

messieurs les autres

Code :

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

1
2
 
value =getComputedStyle(document.getElementById('monelement'), null).getPropertyValue('padding-left')

[SpaceFrog]

oui c'est curieux comme avec le padding on est oblig� d'en faire des tonnes ;

[Totila]

(...) pour lire dans un fichier css tu doit utiliser deux syntaxes une pour ie et une pour les autres navigateur (...)

Merci beaucoup ; gr�ce � cette information et aux solutions fournies, j'installai le test if (navigator.userAgent.indexOf("MSIE") != -1) et maintenant, �a marche bien avec Internet Explorer et Firefox qui rendent "5px". Par contre, Safari, Opera et Chrome retournent la valeur "0px" ; aheum.

Depuis le d�but, j'avais oubli� de dire que ma machine est sous Windows XP pro SP3 et que je n'essaie que les derni�res versions des navigateurs.

� votre bon c�ur pour me permettre de continuer.