Show & Hide or Swap TABLE contents

[knoak]

Hi there,

I have a site rendered from a mySQL DB, and it displays products.
Each product is shown in it's own table with a picture, and some
additional information. It looks like this:
________________________________________
| | additional info | this area |
| photo | additional info | is another |
| | additional info | tableinside|
| | | the other |
|_________|_________________|____________|

What i want is to swap the content of the table inside it with another
table. In the new one are some extra buttons when you move over the
table.
And onMouseOut it restores again. I tried to put both tables inside it
(w/ menu & w/o) and then control them with a stylesheet, but that
appears
not to work in MAC. And it has to be OS/Browser compatible.

I hope it's a little bit clear....

Thanks!

 

[RobG]

If you do what you are intending, your page will likely be completely
dependent on JavaScript, not a great idea for a commercial web site.
But hey, that's your decision.

What do you mean by "not to work in MAC"? Do you mean IE 5.2? Safari?
Firefox? The following suggestion works in all the above browsers.

When you want to hide a table, set its display attribute to "none":

tableRef.style.display = "none";

and to show it again:

tableRef.style.display = "";

Making buttons appear/disappear on mouseover/out is a bad idea. Just
show them, otherwise the user will never see them unless they mouseover
the right part of the table. Pages should be simple and easy to use,
not hold hidden tricks (unless this is a game...)