Switch out page content without using frames?

[vmarasigan]

My client asked me to design a page this way:

http://www.advp.com/induktion/comps/1024x768.jpg

The idea is for the gray box at the bottom of the screen to change depending on which button above the visitor chooses. I would prefer to not use frames to do this. Is there any way, (other than creating a new page for each button choice), to switch out the info in the gray box depending on which button the visitor chooses?

Simpler solutions are of course better, but I'd be open to any ideas!

(NOTE: I realize that some visitors' monitors may not even see the gray box initially, due to its position on the screen. I have decided to rearrange the page accordingly.)

[DaveSW]

Is this something like what you want? If not there may be something else in the same site.http://javascript.internet.com/navigation/link-description.html Text may be replaceable with graphic - try it and let me know. These Scripts are free by the way

[vmarasigan]

That's a workable solution. I guess all I'd do is change the onMouseOver to an onClick. I want to propose a variety of options to my client today. If he doesn't decide he wants to pay for the extra development time, I'll just give him a simple long scrolling page with anchors, like this:

http://www.advp.com/induktion/comps/scrolling.jpg

Any other ideas?


Thanks so much in advance!

[DaveSW]

Just been on NASA.
http://earthobservatory.nasa.gov/Newsroom/ If you rightclick, view source code, you may find this more suited to your needs.

[vmarasigan]

That'll work! Just discovered Dreamweaver's show/hide layers behavior.

Awesome!!

[nkaisare]

BTW, the following example uses pure CSS. I doubt that you will implement this... nonetheless its very intersting. Its an awesome example of the power and flexibility of CSS.

http://www.meyerweb.com/eric/css/edge/popups/demo.html