Could someone tell my why this isn'

belocin · Mar 11, 2002

Could someone tell my why this isn't working?
I checked the faqs to see how to get the size of a table. This function should return the actual width of the cell, or when I switch to 'menutable' - the width of the table.
I keep getting an Object required error
thanks - nicole

*the javascript is on a different page than the table.

<script >
function getCellWidth()
{
var cellwidth;
cellwidth = document.getElementById('menucell').offsetWidth;

return cellwidth;
}

Menu1=new Array("Saving","url","",4,27,getCellWidth());

</script>

<table border="0" cellpadding="0" cellspacing="0" width="100%" id="menutable">
<tr height="35" id="menurow">
<td> </td>
<td align="left" valign="top" bgcolor="red" height="35" width="20%" id="menucell"><img src="/_imgs/_transparent.gif" width="0" height="0" alt="" border="0"><b></nobr></b></td>
</tr>
</table>

Nunzio · Mar 11, 2002

You might try this I added this.cellwidth instead of cellwidth. If this doesn't fix it can you post the js here.

<script >
function getCellWidth()
{
var cellwidth;
this.cellwidth = document.getElementById('menucell').offsetWidth;
return cellwidth;
}
Menu1=new Array("Saving","url","",4,27,getCellWidth());
</script>
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="menutable">
<tr height="35" id="menurow">
<td> </td>
<td align="left" valign="top" bgcolor="red" height="35" width="20%" id="menucell"><img src="/_imgs/_transparent.gif" width="0" height="0" alt="" border="0"><b></nobr></b></td>
</tr>
</table> 10101010101010101010101010100001
If you code it I will crash it.
10101000100101001111000100100010

belocin · Mar 11, 2002

I tried adding this. but it gave me an Object required error again.
I cleaned up the code some, to test on a separate page,Here it is
thanks - nicole

<script language="JavaScript">

function getCellWidth()
{
var cellwidth;
this.cellwidth = document.getElementById('menucell').offsetWidth;
return cellwidth;
}

alert(getCellWidth());

</script>
</head>

<body>

<table width="100%" id="menutable">
<tr id="menurow">
<td id="menucell"> 1</td>
<td> 2 </td>
</tr>
</table>
</body>

Guest_imported · Mar 11, 2002

There are two things I changed to get it working.

1. I altered the line:

Code:

this.cellwidth = document.getElementById'menucell').offsetWidth;

to say:

Code:

cellwidth = document.getElementById'menucell').offsetWidth;

2. I prevented the execution of the alert until the table in the was loaded in the document.

This can be done in a end-of-BODY script

- AFTER the table is defined and loaded in the browser,

or in an ONLOAD BODY script

- invoked AFTER the whole document is loaded. (onload)

The following works with 2 alerts.

<html>
<head>

<script language="JavaScript">

function getCellWidth()
{
var cellwidth;
cellwidth = document.getElementById('menucell').offsetWidth;
return cellwidth;
}

</script>
</head>

<body onload=" ; alert('from Onload ' + getCellWidth()); " >

<table width="100%" id="menutable">
<tr id="menurow">
<td id="menucell"> 1</td>
<td> 2 </td>
</tr>
</table>

<script language="JavaScript">

alert('from End of Body Script ' + document.getElementById('menucell').offsetWidth)

</script>

</body>

UNIMENT · Mar 11, 2002

Put your script in or after the body.

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!

Could someone tell my why this isn'

belocin

Programmer

Nunzio

Technical User

belocin

Programmer

Guest_imported

New member

UNIMENT

Programmer

Similar threads

Part and Inventory Search

Sponsor