récupérer hauteur div [Résolu]

[Ctesias]

Bonsoir!

Petite question rapide, réponse rapide.

J'aimerais récupérer la hauteur d'une div:

j'ai fait cela:

Code :

1
2
3
4
var id_div = 'centrage2';
var hauteur = id_div.innerHeight;
document.getElementById(id_div).style.position = "relative";
document.getElementById(id_div).style.top = ((( window.innerHeight ? window.innerHeight : document.body.clientHeight || document.documentElement.clientHeight))/4)+"px";

Cela ne marche pas... Et aucune idée du pourquoi et du comment..

Au secouuuuuurrrr

[buggen25]

Bonjour,
Voici un code qui permet de faire une translation à droite

Code :

1
2
3
 
var mondiv = document.getElementById("mondiv");
mondiv.style.left = (parseInt(mondiv.offsetLeft ) + 10) + "px";

Pour ton code je crois qu'au lieu de mettre l'offset qui convient offsetTop...offsetLEft etc...

Le plus important je pense c'est la fontion parseInt

J'espère qu'elle te sera d'une quelconque utilité

Cordialement

[Ctesias]

Euh... SI j'ai bien compris ton code ici, tu récupère la largeur gauche.. genge le margin-left en css?
Parce que moi, ce que je cherche, c'est la hauteur d'une div.

[Bovino]

Code :

var id_div = 'centrage2';

id_div est une chaine... une chaine n'a pas de hauteur

Code :

1
2
var id_div = 'centrage2';
var hauteur = document.getElementById(id_div).offsetHeight;

[buggen25]

Re:
j'ai déjà eu le même problème que toi, j'ai essayé le code posté ci dessus mais pour ton code essaye ça :

Code :

1
2
3
4
 
var h = document.getElementById('mondiv').clientHeight;
//ou
var h = document.getElementById('mondiv').offsetHeight;

Mais bon conseil: Vérifier les valeurs grâce à un alert() ou via la console de ton navigateur Firefox, pour vérifier les valeurs calculés

Cordialement

[Ctesias]

Merci beaucoup. Cela me permet de finir mon script de centrage:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
var id_div = 'centrage2';
var hauteur = document.getElementById(id_div).offsetHeight;
 
document.getElementById('centrage2').style.position = "relative";
hauteur_window = ( window.innerHeight ? window.innerHeight : document.body.clientHeight || document.documentElement.clientHeight);
if(hauteur > hauteur_window)
{
	document.getElementById('centrage2').style.top= "0 px";
}
else
{
document.getElementById('centrage2').style.top = ((( window.innerHeight ? window.innerHeight : document.body.clientHeight || document.documentElement.clientHeight)-hauteur)/2)+"px";
}