11544 sujets

JavaScript, DOM et API Web HTML5

OffsetHeight me retourne 0 (zéro)

Bonjour à tous,

Désirant connaître la taille de ma fenêtre TOTALE ; c'est à dire en prennant en compte les éléments visibles quand on scroll, j'ai eu l'idée de ranger tout mon code dans un div "ContainerMaster".

Seulement voilà, j'ai besoin de connaître la TAILLE réèlle de ce div, largeur et hauteur. Je suis donc passé par 'offsetHeight' & 'offsetWidth'.

offsetWidth me retourne bien la largeur réèlle du div, mais offsetHeight me retourne systématiquement la valeur 0 (zéro).

De plus, la fonction plante carrément si je la met ailleur que dans le body ?!?

Voici mon code :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>Taille de la fenetre Utilisateur</title>
</head>

<body><div id="lyrContainerMaster" style="background-color:#FFC; width:100%; height:100%;">

<script>
	var largDiv = document.getElementById('lyrContainerMaster').offsetWidth;
	var hautDiv = document.getElementById('lyrContainerMaster').offsetHeight;

	function testTailleDiv()
	{
		alert('::: testTailleDiv :::\r\n\r\n     largDiv = '+largDiv+' - hautDiv = '+hautDiv);
	}
	
</script>

<p>
  <a href="javascript:" onclick="testTailleDiv();return false;">taille du div "lyrContainerMaster"</a>
</p>

  <p>coucou</p>
  <p>coucou</p>
  <p>coucou</p>
  <p>coucou</p>
  <p>coucou</p>
  <p>coucou</p>
  <p>coucou</p>
  <p>coucou</p>
  <p>coucou</p>
  <p>coucou</p>

        <!-- Plus toute une série pour avoir de la matière ->

</div></body>
</html>
il faut que tu mettes 


var largDiv = document.getElementById('lyrContainerMaster').offsetWidth;
var hautDiv = document.getElementById('lyrContainerMaster').offsetHeight;


dans la fonction testTailleDiv()

sinon elles sont executées trop tot

a tester

a+
Sujet clos
Aller à