Trouble finding hidden table

avanti · Dec 30, 2006

Hi,

I have some JavaScript code in an ASP page that shows or hides a table
whenever a radio button is checked or unchecked. I use the
table.style.dispay property to do this.

However, in some cases the table is hidden on page_load. So, JS cannot
find the table by ID and gives error whenever the radio button is
clicked. Is there a way to solve this in JS?

Thanks,
Avanti

Daz · Dec 30, 2006

avanti said:
Hi,

I have some JavaScript code in an ASP page that shows or hides a table
whenever a radio button is checked or unchecked. I use the
table.style.dispay property to do this.

However, in some cases the table is hidden on page_load. So, JS cannot
find the table by ID and gives error whenever the radio button is
clicked. Is there a way to solve this in JS?

Thanks,
Avanti

I'm not entirely sure why the problem seems to be intermitent. I would
suggest you find out why the table is being hidden to start with.

What is the error you are getting?

Setting the display attribute to 'none' only hides the table from view,
not from the DOM.

Here's some code that might help. Note that the table starts out
hidden, and a reference to the table is only obtained when the 'Toggle'
span is clicked upon.

<html>
<head>
<script type="text/javascript" language="javascript">
function toggleTable()
{
var table = document.getElementById('table');
table.style.display = (table.style.display) ? '' :
'none';
}
</script>
</head>
<body>
<span onclick="toggleTable()">Toggle</span>
<table style='display: none;' id="table">
<tr>
<td>
Top Left
<td>
Top Right
<tr>
<td>
Bottom Left
<td>
Bottom Right
</table>
</body>
</html>

If you are still having problems, please post some of your code.

Best regards.

Daz.

avanti · Jan 2, 2007

Thanks this helped with some other changes.

I'm not entirely sure why the problem seems to be intermitent. I would
suggest you find out why the table is being hidden to start with.

What is the error you are getting?

Setting the display attribute to 'none' only hides the table from view,
not from the DOM.

Here's some code that might help. Note that the table starts out
hidden, and a reference to the table is only obtained when the 'Toggle'
span is clicked upon.

<html>
<head>
<script type="text/javascript" language="javascript">
function toggleTable()
{
var table = document.getElementById('table');
table.style.display = (table.style.display) ? '' :
'none';
}
</script>
</head>
<body>
<span onclick="toggleTable()">Toggle</span>
<table style='display: none;' id="table">
<tr>
<td>
Top Left
<td>
Top Right
<tr>
<td>
Bottom Left
<td>
Bottom Right
</table>
</body>
</html>

If you are still having problems, please post some of your code.

Best regards.

Daz.

? Trouble with: passing dragElement(e.target.id);	8	Jan 12, 2023
Only one table shows up with the information	2	Mar 29, 2023
Function call from button to automatic	7	Mar 17, 2023
How can I hide a div using an event listener on multiple checkboxes?	6	Dec 23, 2022
Checking dynamically populated data using ajax with user entered value	5	Apr 11, 2020
Help with Visual Lightbox: Scripts	2	May 3, 2023
How to refer to aspx hidden field from a Java script	5	Jun 17, 2009
I Need Help with making a function that draws in a canvas using location data.	1	Dec 17, 2021

Trouble finding hidden table

avanti

Daz

avanti

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads