How to make Tables visible in Javascript

**Jannat** · 13-02-2009

Hello,

in a HTML, there is a invisible table inside a <DIV> tag.
How can I make it visiable in Javascript?
Thanks.

eg.
<DIV ID="MYTABLE" STYLE="display:none">
<TABLE>
...
...
...
</TABLE>
</DIV>

Reply With Quote

**Adley** · 13-02-2009

Then just trigger a function to display the table onclick:

Code:

function toggle(item) {
	obj = document.getElementById(item);
	obj.style.display = 'block';
}

...and set your table do display:none by default:

Code:

<style type="text/css">
#showThis{display:none;}
</style>

**Jannat** · 13-02-2009

Thanks Adley for the info, but the thing is that the entire form that you can see is itself fitted into a table; the page layout is something like this:-

<html>
<body>
<form>
<table>

This is the main table(say T)
---- The entire page is adjusted inside T, i.e all the Html objects--Labels,Textboxes, Radio buttons,Dropdown etc are adjusted into the rows and columns of the table ---

</table>
</form>
</body>
</html>

Now the other table T1 is directly linked to the database table,all the entries that are in T1 are actually records;that is basically I'm constructing table T1 dynamically at page-load hence its size may vary depending on number of records in the backend table..and my requirement is that although T1 is already there somewhere on the page but only when a user clicks 'Show' it should appear(become visible) on top(front) of the form, i.e I need something like I've shown in snapshot3..then there are links on the names and as the user clicks on any link the data for that name must appear in the correspoding textboxes of the form..

Well I think I can handle the link part but for now I dont really know how I can make the table sort of appear like floating on top of the form ..not even sure if that is possible..