Hiding/Showing parts of table

**josmond** · Aug 14th, 2001, 03:35 PM

Does anybody know how to show & hide a <td> or <tr> or is it done some other way??

I want to be able to hide information in a lower part of a table then have an image/hyperlink that will hide or show it.

d'you catch my drift??

thanks in advance

**sebs** · Aug 15th, 2001, 07:25 AM

you can try this, don't know if it work!!

<table>
<tr>
<td id="test">dsfdsfdf</td>
</tr>
<table>

<input type=button onClick="document.all['test'].style.visibility='hidden';" value="hide cell">

let me know if it works!!

**josmond** · Aug 15th, 2001, 07:37 AM

It sort 'of works but the <td> that your hiding doesn't shrink.

The idea is to have a table with 10+ rows, rows 2 - 5 are hidden, so when I click on a Image/Hyperlink rows 2 - 5 will toggle their visibility and pull row 6 underneath row 1

Similar to the functionality in a treeview control

Does that make any sense???

**sebs** · Aug 15th, 2001, 07:41 AM

well you will have to do it will layers i'm afraid,
!!

**gwdash** · Aug 15th, 2001, 11:18 AM

i don't think you do, check this out:

Code:

<html>
<head>
<title>Test</title>
<head>
<body>
<table border="1"> 
<tr> 
<td id="test">dsfdsfdf</td>
<td id="test2">asdfjkl;</td>
</tr> 
<tr id="test3"> 
<td>dsfdsfdf(row2)</td> 
<td>asdfjkl;(row2)</td>
</tr> 
<table> 
<input type=button onClick="document.all['test3'].style.display='block';" value="show cell"> 
<input type=button onClick="document.all['test3'].style.display='none';" value="hide cell"> 
</body>
</html>

**josmond** · Aug 15th, 2001, 11:31 AM

Thanks gwdash

Spot on!!

Thread: Hiding/Showing parts of table

Thread Tools

Display

Hiding/Showing parts of table

Posting Permissions