Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
clientWidth always returning 0 1
- Thread starter shu745
- Start date
I thought clientWidth only applied to the browser window?!
Try something like this to get the width of the first column of the first table. I don't know if the method is accurate but hope it helps
document.getElementsByTagName('TABLE')[0].colls[0].style.width
----------
I'm willing to trade custom scripts for... [see profile]
Try something like this to get the width of the first column of the first table. I don't know if the method is accurate but hope it helps
document.getElementsByTagName('TABLE')[0].colls[0].style.width
----------
I'm willing to trade custom scripts for... [see profile]
-
1
- #4
BillyRayPreachersSon
Programmer
Shu,
This works in IE, NN, Mozilla, and Opera, and, as asked, does not use 'style.width':
Code:
<html>
<head>
<script language="javascript">
<!--
function findColumnWidths(tableId)
{
var myTable = document.getElementById(tableId);
var outputStr = '';
for (var colLoop=0; colLoop<myTable.rows[0].cells.length; colLoop++) outputStr += 'Column ' + (colLoop+1) + ' width: ' + myTable.rows[0].cells[colLoop].offsetWidth + '\n';
alert(outputStr);
}
//-->
</script>
</head>
<body>
<table id="myTable" width="75%" cellspacing="2" border="1">
<tr>
<td>abcdefg</td>
<td>hij</td>
<td>klmnopqrstuvwxyz</td>
<td>1</td>
<td>23456</td>
<td>789</td>
</tr>
</table>
<br>Click <a href="javascript:findColumnWidths('myTable');">here</a> to find the column widths of the first row
</body>
</html>Unlike style.width, offsetWidth does not require you to set its value before it can be read.
Hope this helps!
Dan
WartookMan
Technical User
Top piece of code Dan. I'll save that to my "snippets" directory and give you a star! ![[thumbsup2]](/data/assets/smilies/thumbsup2.gif "[thumbsup2] [thumbsup2]")
Pete.
Web Developer / Aptrix CMS (LWWCM) Specialist
w: e: Pete.Raleigh(at)lclimited.co.uk
Pete.
Web Developer / Aptrix CMS (LWWCM) Specialist
w: e: Pete.Raleigh(at)lclimited.co.uk
Well, since many tables adjust their column widths to fit the largest cell's contents, it might not make sense to try and grab the column width until the table is finished drawing (even if the page isn't finished).
So what you might consider is putting a call to the findColumnWidths(...) function after the close-TABLE tag (</TABLE>), in a standalone script:
</tr>
</table>
<script>
var w = findColumnWidths('myTable');
</script>
...
Of course, you'll have to adjust findColumnWidths(...) here to return a value and have that value be the column width in which you're interested.
Is that enough information? Provide some more details about your specific situation if it isn't.
--Dave
So what you might consider is putting a call to the findColumnWidths(...) function after the close-TABLE tag (</TABLE>), in a standalone script:
</tr>
</table>
<script>
var w = findColumnWidths('myTable');
</script>
...
Of course, you'll have to adjust findColumnWidths(...) here to return a value and have that value be the column width in which you're interested.
Is that enough information? Provide some more details about your specific situation if it isn't.
--Dave
I win the dumb guy award for the day. I was getting a zero on the fly because the size of the tbale and its columns were dependent on the parent table and I was calling the function to get the size before the end tag for THAT table. Thanks for pointing me down the right track LookingForInfo.
- Status
Similar threads
- Locked
- Question
- Locked
- Question