How to Resize <td id='xyz'> via javascript

[Ali Imran]

I have a table and one of its data cell (<td id='xyz'>) needs to be changed when a button clicked

please changed the following code if possible

<table>
<tr>
<td width='100px' height='50px'>
this is my Table Data
</td>
</tr>
</table>


<input type=button value='click here' onclick ="">

what to put in (onclick ="") to change <td id=xyz> height to 200px ?

waiting for sooner reply...

regards
Ali Imran

[xataku_nakusute]

<script type="text/javascript">
function resize()
{
xyz.height = '200px';
}
</script>
<table>
<tr>
<td id="xyz" width='100px' height='50px'>
this is my Table Data
</td>
</tr>
</table>
<input type="button" value="click here" onclick="resize()">

[Gollum]

try...

document.getElementById('xyz').height = 200;

[Ali Imran]

And How to display height of a layer (<div id='xyz'>) in an alert messagebox ?

[Ali Imran]

Not accpeting the property .height

what to do ?

[pyro]

It depends. If you are setting the height with CSS, and just need to get that value, you can use:

document.getElementById("theid").style.height;

But, if the height expands (due to content) you will want to use something like this:

document.getElementById("theid").offsetHeight

[Ali Imran]

Is it possible if I set this id to the table instead if <td>

whill this be working fine to changed entire table height ?

[pyro]

Yep, that should work fine.

[Ali Imran]

thank I figured it out ..


so many thanks to this community developers....

[pyro]

You bet. Glad you got it working. :)