I am doing a website for an office building. Each level in the building has upto 3 different office layout possibilities. I have a page for the floorplan e.g. level 3 office. And on that page I want to have 3 buttons which switch the floorplan (image) and table of measurements for the different office layouts.

 

Basically one page with a div switcher I think? Can anyone help with advice on how to create a way of switching the divs or an alternative method.

 

Thanks

 

Andy

Something like these perhaps?

 

http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

http://www.dynamicdrive.com/dynamicindex17...tchcontent2.htm

http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm

When using something like this, remember to test it and make sure that your site is still usable by those that opt to have JavaScript switched off. As if would be a shame to have a nice site that can't be used

Something like these perhaps?

 

http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

http://www.dynamicdrive.com/dynamicindex17...tchcontent2.htm

http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm

 

The content I want to swap is laid out in 2 columns. Ideally I would like to have the links to swap the content in the left column above the table of floorplan measurements.

http://www.cssplay.co.uk/menu/gallery_click

 

have a look at something like this then, as that might help you out.

Thats a nice thing on css play, but I want something to change on the left column and the right column. Also its a good point you make about having javascript turned off because if all the content showed up at once it would look pretty ugly.

 

Because the site is static and doesn't contain too many pages, I'm considering just making additional pages for each.

 

Seeing as I've spent practically all day umming and aahing over it.

 

Anyhow your thoughts appreciated.

It makes sense just to make the pages, you aren't really achieving anything less by doing that, and that way it is totally usable and in your control

Thats a nice thing on css play, but I want something to change on the left column and the right column. Also its a good point you make about having javascript turned off because if all the content showed up at once it would look pretty ugly.

 

Because the site is static and doesn't contain too many pages, I'm considering just making additional pages for each.

 

Seeing as I've spent practically all day umming and aahing over it.

 

Anyhow your thoughts appreciated.

 

With any links to things like javascript you can alwys test the demos with javascript turned off so you can see how they degrade.

 

As far as having things in columns as you suggested, well that's just playing round with the code so it gets presented howveer you want