Récupérer puis appliquer à un div la hauteur d'un autre div

Question

Bonsoir,
la situation se présente ainsi : j'ai dans mon HTML deux div, l'un en float: left; et l'autre en float: right;.

La hauteur du div de gauche (menuJV) a besoin d'être adaptée à celle du div de droite (contenuJV). J'ai donc essayé de récupérer puis d'appliquer la hauteur avec le code ci-dessous :

var jbo = document.getElementById('contenuJV');
var height;
if(jbo.offsetHeight)          {height = obj.offsetHeight;}
else if(jbo.style.pixelHeight){height = obj.style.pixelHeight;}

var obj = document.getElementById('menuJV');
obj.style.height = height+"px";

Seulement, la hauteur du div n'est pas modifiée. Étant très novice en javascript, je vous demande de l'aide pour découvrir ce qui ne va pas... Merci d'avance !

@karamel · Answer

bonjour 
normalemene en faisant

document.getElementById('menuJV').style.height=document.getElementById('contenuJV').style.height

sa devrait marcher

Rukario81 · Answer

Merci de cette réponse si rapide.

J'ai donc testé ce code :
document.getElementById('menuJV').style.height=document.getElementById('contenuJV').style.height;
Sans résultat.

J'ai voulu vérifier quel était le membre erronné, j'ai donc testé ça :
document.getElementById('menuJV').style.height = '3000px';
Et là, ça fonctionne. Le problème viendrait donc de la récupération de la hauteur de contenuJV, non ?

J'aurais peut-être dû préciser que la hauteur de contenuJV est variable en fonction de son contenu... je ne suis pas certain que ça puisse jouer un rôle, mais on ne sait jamais :x

Merci encore... et merci d'avance pour la suite

kohntark · Answer

Salut,

Comme cela plutôt :
document.getElementById('menuJV').style.height = document.getElementById('contenuJV').offsetHeight;

Cordialement,

Kohntark -

@karamel · Answer

si la hauteur de contenuJV est variable il faudra rappeler la fonction a chaque fois que sa taille change

kohntark
si on utilise offsetHeight il ne faudra pas oublier de mettre +'px'a la fin

Récupérer puis appliquer à un div la hauteur d'un autre div

4 réponses

Votre réponse

Discussions similaires