Récupérer la largeur réelle d'une colonne

Bono_BX · 15/09/2011, 14h41

Bonjour,

Je débute en Javascript, et je n'ai pas trouvé ma réponse sur le net.
Comment puis-je récupérer la taille réelle d'une colonne d'une table ?
En effet, celle-ci peut varier en fonction du contenu, et je ne veux donc pas récupérer l'attribut width.

Merci d'avance !

SpaceFrog · 15/09/2011, 14h44

offsetWidth ou computedStyle.width

andry.aime · 15/09/2011, 16h14

document.getElementById("idDuTD").clientWidth ?

Bono_BX · 15/09/2011, 16h35

Merci, mais :
- je n'obtiens pas la bonne taille avec offsetWidth, je ne sais pas pourquoi, mais je ne suis pas le seul à avoir ce problème.
- computedStyle.width n'est supporté qu'à partir d'IE 9, et le site doit fonctionner avec IE 8

.
- clientWidth ne me donne pas la bonne valeur non plus.

SpaceFrog · 15/09/2011, 16h44

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
18
19
20
21
22
23
24
25
26
27
28
29
30
<script type="text/javascript">
function foo(){
alert(document.getElementsByTagName('td')[0].offsetWidth)
}
</script>
</head>
 
<body onload='foo()'>
 
<table border="1" width="100%">
  <tr>
    <td width="16%">aaaaaaaaaaaaaaaaaafddfgaaaaaaaaaaaaaaaaaaa&nbsp;</td>
    <td width="16%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
  </tr>
  <tr>
    <td width="16%">&nbsp;</td>
    <td width="16%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
    <td width="17%">&nbsp;</td>
  </tr>
</table>
</body>
 
</html>

j'ai bien le bon résultat sous IE et ffx

jreaux62 · 15/09/2011, 18h47

Citation:

Envoyé par SpaceFrog

j'ai bien le bon résultat sous IE et ffx

Je confirme sur I.E.8, Firefox 3.6, Safari, Opera, Chrome.

15/09/2011, 14h41	#1
Bono_BX Membre habitué Développeur .NET Inscription : août 2007 Messages : 103 Détails du profil Informations professionnelles : Activité : Développeur .NET Informations forums : Inscription : août 2007 Messages : 103 Points : 68 Points : 68	Récupérer la largeur réelle d'une colonne Bonjour, Je débute en Javascript, et je n'ai pas trouvé ma réponse sur le net. Comment puis-je récupérer la taille réelle d'une colonne d'une table ? En effet, celle-ci peut varier en fonction du contenu, et je ne veux donc pas récupérer l'attribut width. Merci d'avance !
	00

15/09/2011, 14h44	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	offsetWidth ou computedStyle.width __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

15/09/2011, 16h14	#3
andry.aime Rédacteur/Modérateur Andry Aimé Inscription : septembre 2007 Messages : 5 129 Détails du profil Informations personnelles : Nom : Andry Aimé Localisation : Ile Maurice Informations forums : Inscription : septembre 2007 Messages : 5 129 Points : 7 258 Points : 7 258	document.getElementById("idDuTD").clientWidth ?
	00

15/09/2011, 16h35	#4
Bono_BX Membre habitué Développeur .NET Inscription : août 2007 Messages : 103 Détails du profil Informations professionnelles : Activité : Développeur .NET Informations forums : Inscription : août 2007 Messages : 103 Points : 68 Points : 68	Merci, mais : - je n'obtiens pas la bonne taille avec offsetWidth, je ne sais pas pourquoi, mais je ne suis pas le seul à avoir ce problème. - computedStyle.width n'est supporté qu'à partir d'IE 9, et le site doit fonctionner avec IE 8 . - clientWidth ne me donne pas la bonne valeur non plus.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email