[Javascript] Obtenir la hauteur d'un "div" ? [Résolu, merci Leris]

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Javascript] Obtenir la hauteur d'un "div" ? [Résolu, merci Leris]

darkoli

Le Petit Dinosaure Bleu

Bonjour,

J'essaie depuis plusieurs heures d'obtenir la hauteur d'un div en javascript (et FireFox). J'utilise le code suivant :

function b2(event)
{
barre=event.target.id;
div=document.getElementById(barre);
alert(div.style.height); /* Pour test */
}

Mais ça ne fonctionne pas, j'ai essayé d'autres méthodes et le résultat est le même.

Le div est déclaré de la façon suivante :

Le style est :

div {position: relative; border: solid; border-color: #000000; border-width: 1px; margin : 1px; height: 1em; }
div.c{width: 1em; height: 24em; text-align: center; }

http://darkoli.free.fr/js/degrade.html

Quelle est la bonne méthode pour obtenir la hauteur du div ?

Message édité par darkoli le 29-10-2004 à 10:27:07

---------------
Le site de l'année :D (XHTML 1.0 strict) : http://darkoli.free.fr/index.html

Publicité

darkoli

Le Petit Dinosaure Bleu

J'ai essayé plein de propriétés comme :
- height,
- clientHeight,
- layerHeight,
- innerHeight,
- offsetHeight.

Ou des méthodes :
- getLayerHeight(),
- getHeight().

Mais rien n'y fait je n'arrive pas à obtenir la hauteru du "div".

Est-ce que c'est devenu impossible (avec FireFox), ça marchait très bien en 2000 avec IE !

Est-ce que cela vient de la façon dont j'ai déclaré le "div" ?

Message édité par darkoli le 29-10-2004 à 00:02:53

---------------
Le site de l'année :D (XHTML 1.0 strict) : http://darkoli.free.fr/index.html

Leris

salut,

le css style.css

Code :

#cont{
position:absolute;width:400px;height:230px;left:100px;border:1px solid blue;
}

extrait de page :

Code :

<LINK href="style.css" type=text/css rel=stylesheet>
<script language="javascript">
function look(){
var doc = document.getElementById('cont');
if (document.all) // ok I.E
{
H = doc.currentStyle.height;
P = doc.currentStyle.left;
}
else // ok firefox.0.9.2 , pas mozilla.1.0 ni netscape.7.02
{
H = document.defaultView.getComputedStyle(doc, null).height;
P = document.defaultView.getComputedStyle(doc, null).left;
}
alert('hauteur = '+ H + ' ; ' + P + ' de la gauche');
}
</script>
</head>
<body>
<br>
<div id="cont">
<a href="#" onClick="look();">look-hauteur</a><br>
</div>

++

L.

darkoli

Le Petit Dinosaure Bleu

Merci Leris :bounce: :love: :love: :love:
Mais comment tu peux connaître ça ?
J'ai pas mal cherché et je n'ai jamais rien trouvé de ressemblant.

Message édité par darkoli le 29-10-2004 à 10:26:50

---------------
Le site de l'année :D (XHTML 1.0 strict) : http://darkoli.free.fr/index.html

Leris

re,

http://www.quirksmode.org/dom/w3c_css.html

permet de tester avec differents navigateurs.

++

L.

voleurdecarottes

On peut cogner, chef ?

Excellent, merci bien Leris.

Voici mon problème:

- J'ai plusieurs DIV, chacun contient une image de fond qui se répète autant de fois que nécessaire pour prendre tout l'espace;

- La hauteur des DIV "gauche" et "droite" se calent sur la hauteur du DIV "centre".

- dans le code HTML, j'ai <body onload="taillediv()" onresize="taillediv()">

Le soucis est le suivant: Dans l'explorateur internet, quand on modifie la taille du texte (menu "Affichage", "Taille du texte" dans l'exemple d'internet explorer), les DIV sont bien redimensionnée, mais pas l'image de fond qu'ils contiennent...

Comment se fait-ce ? :??:

Message édité par voleurdecarottes le 29-11-2004 à 14:03:14

GOGO125

Hello
moi aussi je désirais obtenir la hauteur d'un élément
grâce à ce sujet, c'est chose faite !! merci

seul hic que j'ai rencontré : la hauteur affiché sous IE était : auto et non le nombre de pixels...
grâce au lien W3c_css, j'ai trouvé ça la fonction offsetHeight :

en remplaçant donc H = doc.currentStyle.height;
par H = doc.offsetHeight ;

ça marche nickel sous IE et firefox, et plus besoin d'aucune condition !!

Message édité par GOGO125 le 25-08-2007 à 14:50:22

FORUM HardWare.fr

Programmation

HTML/CSS

[Javascript] Obtenir la hauteur d'un "div" ? [Résolu, merci Leris]

Sujets relatifs
[CSS ] probleme sur balises Li // résolu	Problème avec la fonction MoveFile [Résolu]
Liens vers un frameset (javascript needed?)	Question sur switch qui deconne !! RESOLU
un javascript pour l'apercu avant impression?	[Résolu]SocketServer : Paramétrer la request handler
[C] [ résolu]pbm pointeur et tableau de structures	Récupération de données par DOM avec code javascript - svg
effacer un textarea portant un nom spécial [resolu]	[Résolu] Problème Dfil Images
Plus de sujets relatifs à : [Javascript] Obtenir la hauteur d'un "div" ? [Résolu, merci Leris]

Page générée en 0.055 secondes