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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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;
}