[DOM] Largeur d'un div

Version imprimable

17/04/2008, 11h40
lelapinou

[DOM] Largeur d'un div
Code:

1 2 3 4 5 6 <? echo '<script language="JavaScript"> alert(document.getElementById("content").offsetwidth); </script>'; ?>
Je suis entrain de réalisé un site intenet qui possède 2 bandes de part et d'autre d'un div central.

Je souhaiterais savoir s'il est possible de connaitre la taille de mon div principal (celui qui englobe les 3) afin de savoir si je dois ou non afficher les div latérales. J'ai trouvé un bout de code, mais je ne parviens pas à l'adapter. L'exemple était sur la résolution, mais ce n'est pas la résolution qui m'intéresse.

Si je fais fausse route, ou si certains ont d'autres solutions, merci d'avance. :yaisse2:
17/04/2008, 12h03
riete

D'abord, je crois que tu aurais du poster ceci sur le forum Javascript

Ensuite, à ma connaissance, je ne pense pas qu'il y ait une propriété DOM de la balise <div> pour donner la largeur de celle-ci. Offset done plutôt la position du défilement.

Par contre tu peux connaître la largeur de la fenêtre qui englobe ton <div> avec window.outerWidth
17/04/2008, 14h19
lelapinou

Citation:

Envoyé par riete

Par contre tu peux connaître la largeur de la fenêtre qui englobe ton <div> avec window.outerWidth

J'ai essayé, ne serait-ce que d'afficher la valeur dans une alerte, et il m'affiche UNDEFIND. Mais la piste est bonne je vais creuser.
Merci

Ceci fonctionne bien

Code:

1
2
3
4
5
6
7
<html lang="fr">
<body>
<script>
	alert(window.outerWidth);
</script>
</body>
</html>

17/04/2008, 14h54
le_chomeur

je rajouterais , qu'une RECHERCHE , t'aurais donné la réponse !!
sujet traité il y a a peine 20 minutes sur ce même forum ( javascript )

<div onclick="alert(this.offsetWidth);" style="border:1px solid #666;width:auto; float:left;">voici une div avec une taille indéfinie click moi dessus ^^</div>
17/04/2008, 15h27
lelapinou

Citation:

Envoyé par le_chomeur

je rajouterais , qu'une RECHERCHE , t'aurais donné la réponse !!
sujet traité il y a a peine 20 minutes sur ce même forum ( javascript )

<div onclick="alert(this.offsetWidth);" style="border:1px solid #666;width:auto; float:left;">voici une div avec une taille indéfinie click moi dessus ^^</div>

Effectivement, j'ai joué de fainéantise. Pardon!

J'ai tester ton code, et effectivement cela fonctionne. Mais là où je cale est de récupérer cette valeur soit dans un input, soit sur une variable PHP.

Merci de votre aide. Chouette :aie:
17/04/2008, 15h28
riete

Citation:

Envoyé par le_chomeur

je rajouterais , qu'une RECHERCHE , t'aurais donné la réponse !!
sujet traité il y a a peine 20 minutes sur ce même forum ( javascript )

<div onclick="alert(this.offsetWidth);" style="border:1px solid #666;width:auto; float:left;">voici une div avec une taille indéfinie click moi dessus ^^</div>

Bien vu, j'apprends au passage que offsetWidth fonctionne avec les <div>

Une petite précision, lelapinou souhaite j'imagine connaître la largeur de sa balise après redimentionnement de la fenêtre, il lui faut dont écrire ceci:

Code:

<div onclick="alert(this.offsetWidth);" style="border:1px solid #666;width:100%; float:left;">voici une autre div avec une taille indéfinie click moi dessus ^^</div>

;)