By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,946 Members | 1,701 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,946 IT Pros & Developers. It's quick & easy.

Show & Hide or Swap TABLE contents

P: n/a
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!
Jul 23 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
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...)

--
Rob

Jul 23 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.