AR wrote:[color=blue]
> Hi,
> How can I hide table rows? ... tried with the following example:
> FireFox works... How to do the simillar in IE6?
>
> <html>
> <head>
> <script language="javascript">
> function hide_row() {
> var v = document.getElementsByName("trBook");
> v[0].style.display = 'none';
> v[1].style.display = 'none';
> v[2].style.display = 'none';
> }
> </script>
> </head>
> <body>
> <table>
> <tr name="trBook"><td>line1</td></tr>
> <tr name="trBook"><td>line2</td></tr>
> <tr name="trBook"><td>line3</td></tr>
> </table>
> <input type=button name="v" value="Hide" onclick="hide_row()">
> </body>
> </html>
>
> Thanks in advance
>
> AR[/color]
document.getElementsByName() is only implemented for input and img
elements in iewin/Opera. Use a TBODY with an id:
function hide_row()
{
var el;
if (document.getElementById
&& (el = document.getElementById('trBook')))
{
el.style.display = 'none';
}
}
..........
<table>
<tbody id="trBook">
<tr><td>line1</td></*tr>
<tr><td>line2</td></*tr>
<tr><td>line3</td></*tr>
</tbody>
</table>
If you need to do this with individual rows, you can use a naming
convention of some sort, or selectively apply the
..getElementsByTagName() method.
