Hi,
When I use the classic div tags followed by table code, they are displayed sequentially on the page, rather than in the >same place.
You may not have provided enough information, but to me it sounds like
you haven't done anything with css? If that is the case, let's assume
table A is the first table displayed like so in your html:
<input type = "button" onClick = "toggleA()" />
<input type = "button" onClick = "toggleB()" />
<div id = "tableA" style = "display: block">
[your tableA code]
</div>
<div id = "tableB" style = "display: none">
[your tableB code]
</div>
Please note this isn't the most efficient of code, but it'll get you
by. In your javascript you could have the following:
function toggleA()
{
document.getEle mentById("table B").style.displ ay = "none";
document.getEle mentById("table A").style.displ ay = "block";
}
function toggleB()
{
document.getEle mentById("table A").style.displ ay = "none";
document.getEle mentById("table B").style.displ ay = "block";
}
This will in effect "hide" one table, and in it's place show the other
table instead.
Hope this helps.