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é
Merci d'avance
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); } } }
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; }
Partager