Discussion :

[Ctesias]

Bonsoir!

Petite question rapide, réponse rapide.

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

j'ai fait cela:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

var id_div = 'centrage2';

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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";
}