11523 sujets

JavaScript, DOM et API Web HTML5

[Pas vraiment résolu]Récupérer la taille d'une div

Bonjour,

j'ai spécifié la valeur height à "auto" dans le css correspondant à ma div.
La hauteur s'adapte donc en fonction du texte que la div contient.

J'aimerai récupérer la valeur height affectée à la div une fois le texte affiché.

J'ai essayé d'attribuer un id à ma div puis de récupérer la valeur height via
document.getElementById("content").style.height

mais la valeur semble vide et est considérée comme 0.

Quelqu'un à une idée?
Merci
Modifié par LeParrain735 (28 Jan 2006 - 22:23)
je précise que m^me les attributs fixes comme top qui se sont vu assigner une valeur par le CSS différente de "auto" retournent une valeur vide Smiley decu
Bonsoir,
La valeur auto de ton height ne sert à rien (en préssupposant qu 'il ne descent pas d'un div ayant un height défini) car c'est la valeur initiale.
Essaye avec un print screen et calcul le nb de px dans ton editeur graphique.
Je ne comprends pas ta derniere phrase.
Modifié par Hermann (28 Jan 2006 - 19:20)
oui hermann, ça pourrait être une solution mais je cherche à faire cela de manière dynamique, quelque soit le text contenu dans la div, ce qui fait varier sa hauteur..
je trouve tout de m^me bizzare que même la valeur retournée par
document.getElementById("content").style.top

avec un css contenant:
.content {
	left: 220;
	right: 150;
	top: 150;
        height: "auto";
}
soit nulle... Smiley confus
.style renvoi les éléments de style "en ligne" c'est à dire déclarés comme ceci :

<balise style="...">


Logique que à ça retourne une valeur vide si tu déclares tes styles dans la feuille de style.

Il faut récupérer le contenu de la feuille de style autrement (je ne me souvient plus de la manoeuvre, mais on en avait discuté sur le forum)

Je déplace dans le salon JavaScript puisque ça concerne JavaScript plus que CSS
arg, il semble que la fonction GetStyle proposée par Quirksmode retourne "auto" lors de l'execution de 
height = getStyle("content","height");
sur IE alors que sur FF, elle fonctionne bien et me retourne la valeur réellement affectée à height... Smiley ohwell
Modifié par LeParrain735 (28 Jan 2006 - 22:15)
Salut,

a écrit :
document.getElementById("content").style.top

avec un css contenant:
.content {
left: 220;
right: 150;
top: 150;
height: "auto";
}

getElementById ne connait pas ta classe .content d'ou la valeur nulle.
.content n'est pas un id, #content l'est.
Sujet clos
Aller à