AJAX Tabbed Using an Image Map instead of List

[Crimsonbat]

1) Script Title: Ajax Tabbed Content Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/index.htm

3) Describe problem:
Instead of having to use a list, is there a way to make this work with an image map, but have the same effect? In a single image, I have areas mapped out as the tabs built into the image. I want to make it so that when a user clicks on one of the image mapped areas, it will switch the content. How do I do this?

[jscheuer1]

You would be better off using Dynamic Ajax Content script:

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

as your model for how to handle this with an image map as, it is basically the same script without all the rewriting of events that occurs in the Ajax Tabs Content script. Once you switch to that model, you can just insert its href syntax directly into the area tags:


href="javascript:ajaxpage('test.htm', 'contentarea');"