Récuperer la largeur(width) d'une Div qui n'en a pas
Bonjour,
J'ai une Div majeure qui contient 3 div mineures avec pour visibility:hidden et position:absolute, et je voudrai adapté la taille(largeur et hauteur) de ma Div Majeure au contenu de la div mineure affiché (j'en affiche qu'une a la fois)
Jusque la pas vraiment de probleme, sauf que comme je preferai faire quelque chose de 100% dynamique car je ne maitrise pas totalement le contenu de mes div mineur, je ne peux pas attribué a mes div mineures un attribut width et height
Existe t'il une solution qui me permettrai de recuperer la taille de ma div mineure affiché alors qu'elle n'a pas d'attribut width/height ?
Voila mon code actuel, qui fonctionne si width est renseigné
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| function GetChildDivWidth (ParentDiv)
{
var ChildId = document.getElementById(ParentDiv).childNodes;
for(i=0;i<ChildId.length;i++)
{
var element = document.getElementById(ChildId[i].id);
if(element)
{
var test = element.currentStyle || window.getComputedStyle(element, null);
alert(ChildId[i].id+" - "+test.width);
}
}
} |
Merci d'avance
Edit
Résolu, si jamais la solution peut aidé quelqu'un un jour
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| function SetChildDivWidth (ParentDiv)
{
var ParentId = document.getElementById(ParentDiv);
var ChildId = ParentId.childNodes;
var max_width = 0;
for(i=0;i<ChildId.length;i++)
{
var element = document.getElementById(ChildId[i].id);
if(element)
{
if(max_width <= element.offsetWidth);
{max_width = element.offsetWidth}
}
}
ParentId.style.width = max_width+"px";
return;
} |
