PDA

View Full Version : Nested ajax tabs with image hotspots



Foundas
08-18-2009, 11:30 AM
1) Script Title: Ajax Tabs Content Script

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

3) Describe problem:

Hi,

im using the modified nested ajax tabs which allows to have more than 1 default content and im trying to make it work with an image with 5 hotspots.

The problem is that it works in IE but not in FF. Also, in FF, the cursor does not change to "pointer" when you hover on the hotspot

Can you please advice ??

here is my code:



<div id="contacttabs">
<map name="FPMap0">
<a href="#1" rel="#default1" class="selected"><area shape="rect" coords="80, 39, 90, 47" title="UK & Northern Europe" onmouseover="document.body.style.cursor='pointer';" onmouseout="document.body.style.cursor='default';"></a>
<a href="#2" rel="#default2"><area shape="rect" coords="98, 57, 104, 60" title="Middle East & Africa" onmouseover="document.body.style.cursor='pointer';" onmouseout="document.body.style.cursor='default';"></a>
<a href="#3" rel="#default3"><area shape="rect" coords="92, 47, 98, 52" title="Europe" onmouseover="document.body.style.cursor='pointer';" onmouseout="document.body.style.cursor='default';"></a>
<a href="#4" rel="#default4"><area shape="rect" coords="150, 94, 159, 98" title="Asia Pacific" onmouseover="document.body.style.cursor='pointer';" onmouseout="document.body.style.cursor='default';"></a>
<a href="#5" rel="#default5"><area shape="rect" coords="26, 50, 36, 54" title="Americas" onmouseover="document.body.style.cursor='pointer';" onmouseout="document.body.style.cursor='default';"></a>
</map>
</div>
<img src="images/map.jpg" border="0" class="imgindent" usemap="#FPMap0" />



If this is not the correct way to do it, is there a way to have the href="#1" rel="#default1", href="#2" rel="#default2" and so on, inside the <area> tag? What i noticed is that <area> tag does not have the "rel" entity and defining the href="#1" inside the <area> does not work

Thanks in advance!!!