Lecture d'une propriété CSS depuis Javascript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Lecture d'une propriété CSS depuis Javascript

DaV-X

PSN : kaldor37

Salut à tous :hello:

Voila j'ai un ptit souci, j'aimerai récupérer une propriété définit en CSS dans mon script js.

Exemple :
Feuille CSS :

#truc{
width: 50px;
height: 30px;
}

Script :

var width = document.getElementById("truc" ).style.width;

Eh ben jme suis rendu compte que je ne peux pas acceder en lecture à la propriété "width". Par contre, tout va bien pour la modification, ca déplece bien ma div (dans le cas ou "truc" est une div). Et par contre encore, une fois que la propriété a été modifiée par mes soins, j'y ai bien accès en lecture.

Est-ce que quelqu'un peut m'expliquer si c'est normal ou si je m'y prend mal quelque part ?

Merci d'avance

Pour info : je travaille sur une webapp iphone, donc le navigateur c'est safari mobile

Publicité

gelatine_velue

J'ai jamais rencontré de problème similaire... A mon humble avis cherche un bug lié à ta version de navigateur.

DaV-X

PSN : kaldor37

Jpige pas, ca me fait pareil sous firefox [:spamafote]

Quand je vais lire ce qu'il y a dans width, il me renvoi une chaine vide, alors que si je vais lire une autre propriété à la con qui n'existe pas, il me renvoi "undifined". Ce qui veut bien dire que ma propriété width existe

gelatine_velue

Ah ok. Tu as une url avec une page qui reproduit le bug?

Message cité 1 fois

DaV-X

PSN : kaldor37

Bon ben apparament c'est pas possible : http://forum.hardware.fr/hfr/Progr [...] tm#t387374

Message cité 1 fois

DaV-X

PSN : kaldor37

gelatine_velue a écrit :

Ah ok. Tu as une url avec une page qui reproduit le bug?

Nope l'url est pas accessible depuis une ip extérieur à ma boite.

gelatine_velue

DaV-X a écrit :

Bon ben apparament c'est pas possible : http://forum.hardware.fr/hfr/Progr [...] tm#t387374

Tu pourrais essayer avec offsetHeight, même si c pas standard.

pataluc

est-ce que ca ne viendrait pas du fait que ce soit dans une feuille de style externe? si c'était du css inline, ca marcherait, mais pas avec du externe à mon avis.

si c'est du externe, tu dois pouvoir le manipuler comme ca:

Code :

document.styleSheets[0].cssRules[0].cssText

mais c'est plus touchy. ^^

[edit]je suis un peu en retard, mais mon post est tjs valable à priori. par contre je sais pas si c'est standard. ca à l'air d'être du DOM 2 qqchose: http://www.aptana.com/reference/html/api/CSSRule.html

Message édité par pataluc le 14-05-2009 à 12:02:13

FlorentG

La propriété style d'un élément, obtenu via :

Code :

document.getElementById("truc" ).style

Ne renvoit pas au style CSS, mais à l'attribut style. Donc ça ne marchera que si ton élément a un tel attribut, genre :

Code :

<div id="pouet" style="width: 950px">

Pour lire effectivement ce qu'il y a dans un fichier CSS séparé, c'est un autre bordel.

DaV-X

PSN : kaldor37

Le offsetWidth et offsetHeight fonctionnent bien effectivement donc c'est déja pas mal, meme si c'est pas standard du moment que ca fonctionne sous safari ca me va

Merci a tous

Publicité

monteaubanc

Anéfé... c'est pas bête...

Pardon je vais mettre mon pare-feu gratuit du ministère de la culture...

FORUM HardWare.fr

Programmation

HTML/CSS

Lecture d'une propriété CSS depuis Javascript

Sujets relatifs
recuperer le resultat d'un javascript dans un formulaire	Affichage des <br/> en récupération d'un javascript
[Résolut] Besoin d'aide : utilisation de toute la hauteur d'une page	Erreur404 n'utilisant pas le CSS sur free.fr
Mettre une variable Javascript dans un cookie	Mettre une variable Javascript dans un cookie
Récupérer variables de javascript en php (Ajax)	Récupérer variables de javascript en php (Ajax)
[Menu déroulant / Javascript/ C# ]	Finir la lecture d un Movieclip avant un loadmovie
Plus de sujets relatifs à : Lecture d'une propriété CSS depuis Javascript

Page générée en 0.061 secondes