[DOM] Largeur d'un div

**lelapinou** · 17/04/2008, 11h40

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**riete** · 17/04/2008, 12h03

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

**lelapinou** · 17/04/2008, 14h19

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

**riete** · 17/04/2008, 14h45

Ceci fonctionne bien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**le_chomeur** · 17/04/2008, 14h54

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>

**lelapinou** · 17/04/2008, 15h27

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

**riete** · 17/04/2008, 15h28

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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>

[DOM] Largeur d'un div

JavaScript

Discussions similaires

Partager

Partager