PDA

View Full Version : Pop-it menu anchored to hotspot not working in FF and Safari



anton9943
04-22-2011, 04:06 PM
1) Script Title: POP-it Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/popit.htm

3) Describe problem:
Pop-it menu works great when ancored to an image or text in IE8, FF4 and Safari5, but when I anchor the pop-it to a hotspot it only works in IE8.

On my test page ( http://www.defenderresorts.com/future_resort/1test_index.htm ) the red button "check availability" has a pop-it menu that works in the 3 browsers. Scroll down to the map image--the stars are hotspots with pop-it menus that only work in IE8.

I tried a work around--using layers instead hotspots, the layers work but do not line up properly in any browser.

Thanks for any help.

anton9943
04-22-2011, 07:53 PM
After much digging and many forums, I found a solution.

My original code for the hotspot/image map with anchor to pop-it menu was:

<a href="#" onMouseover="showmenu(event,linkset[6], '150px')" onMouseout="delayhidemenu()"><area href="florida" shape="circle" coords="149, 366, 12"></a>

The pop-it menu reference came first with the hotspot after. With just a little re-arranging, everything worked out great.

<area href="florida" shape="circle" coords="149, 366, 12" onMouseover="showmenu(event,linkset[6], '150px')" onMouseout="delayhidemenu();" href="#">

Image map to Pop-it now works with IE8, FF4, & Safari5. I hope this helps anyone else stuck with the same issue.