Taille div dynamique contenant une image (Firefox)
Bonjour,
Je souhaite récupérer via javascript la hauteur et la largeur d'une div dynamique qui peut contenir soit du texte, soit une image, soit les deux.
Si la div ne contient que du texte, pas de problème, j'y arrive en utilisant clientWidth et clientHeight. Par contre, si la div contient une image, cela ne fonctionne plus (sous Firefox) et je ne récupère que la taille du texte (ou 0 s'il n'y a pas de texte). En allant inspecter la div sous Firebug, les valeurs sont correctes...
Tout fonctionne correctement avec IE et Chrome.
Comment faire pour récupérer la taille réelle de la div?
Pour illustrer tout ça, le bout de code qui génère la div :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| var lDiv = document.createElement('div');
document.body.appendChild(lDiv) ;
lDiv.style.backgroundColor = "red" ;
lDiv.style.position = "absolute" ;
lDiv.style.left = "500px" ;
lDiv.style.top = "500px" ;
lDiv.innerHTML = '<SPAN style="text-align:left">Vanessa Cortia<BR/><IMG src="./Images/vanessa_cortia.jpg" /><BR />DSI/SEDI</SPAN>' ;
var lResult = {
width: lDiv.clientWidth,
height: lDiv.clientHeight
}
trace(true, "offset : " + lDiv.offsetWidth + " / " + lDiv.offsetHeight, "red" ) ;
trace(true, "direct : " + lDiv.width + " / " + lDiv.height, "red" ) ;
trace(true, "client : " + lDiv.clientWidth + " / " + lDiv.clientHeight, "red" ) ;
trace(true, "style : " + lDiv.style.width + " / " + lDiv.style.height, "red" ) ;
trace(true, "inner : " + lDiv.innerWidth + " / " + lDiv.innerHeight, "red" ) ;
trace(true, "inner : " + lDiv.scrollWidth + " / " + lDiv.scrollHeight, "red" ) ; |
La fonction trace se contente d'afficher les valeurs sur la div de fond de page.
Merci d'avance.
