Obtenir la hauteur d'un élément, pourquoi ça ne marche pas?
Bonjour,
J'ai défini plusieurs CSS différents selon la taille de l'écran d'affichage, pour rendre plus lisible la vue sur petits écrans (smartphones et petites tablettes) j'affiche une seule catégorie à la fois (news ou videos) par le biais d'une checkbox et d'un label. La première partie de mon script ui décoche l'autre checkbox quand une nouvelle est cochée fonctionne parfaitement mais la partie qui récupère la taille des différents éléments composant l'élément parant afin d'additionner toutes les tailles pour définir celle du parent ne fonctionne pas.
J'essaye de récupérer la taille en utilisant document.GetElementById("MonId").offsetHeight mais rien ne se produit, pourquoi? (les infos de tailles d'éléments sont dans un fichier CSS).
Le code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| function updateGroupe(objSender) {
var groupe = document.getElementsByName(objSender.name);
if (objSender.checked) {
for (i in groupe) {
if (groupe[i] != objSender) groupe[i].checked = false;
}
}
var hauteur1=document.getElementsById("deroule-news-label").offsetHeight;
var hauteur2=document.getElementById("block-news").offsetHeight;
var hauteur3=document.getElementsById("blockh").offsetHeight;
var hauteur4=document.getElementsById("deroule-videos-label").offsetHeight;
var hauteur5=document.getElementById("block-video").offsetHeight;
var obj = document.getElementById("block-info");
obj.style.height=hauteur1+hauteur2+hauteur3+hauteur4+hauteur5+"px";
} |
Si quelqu'un peut me dire où ça pêche... ça me rend vraiment fou...
