[jQuery] Re: cluetip on an imagemap troubles

[foxQuery]

clueTip can handle also image maps fine (MAP AREA).
There still exists interesting problem with IE6 and IE7.
If you do not include hoverintent.js those IEs do not show tooltips at all!
Other browsers are still showing tooltips without hoverintent.js too!
I do not know actual reason for that, but .

If you remove hoverintent.js from this examble
  http://test.learningjquery.com/clue/chic-test.html
then image map does not work anymore!

So  -  try to include hoverintent.js allways with image map.

atFox 
-- 
View this message in context: 
http://www.nabble.com/cluetip-on-an-imagemap-troubles-tp15763680s27240p19797429.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] Re: cluetip on an imagemap troubles

[Karl Swedberg]

Hi nEo,

Sorry for the delay in getting back to you. I'm going to devote some  
time this weekend to looking into your problem and will report back as  
soon as I've discovered something.



--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Mar 5, 2008, at 11:45 PM, nEo wrote:



Hi,

I tried using id (#usamap). It created the cluetip, but everything was
running in a loop...

Please help.

On Feb 29, 10:26 pm, nEo [EMAIL PROTECTED] wrote:

Hi,

I have an image map marked with areas. I am having trouble in passing
the dynamic values to the ajax script.

My image map is like this

map name=USAMap id=USAMap
area shape=poly
coords=52,143,60,106,23,96,14,137,38,208,83,244,92,210
class=USAstates name=CA title=California State href=CA-
california.html /
area shape=poly coords=88,111,99,62,40,48,23,95  
class=USAstates

name=OR title=in Oregon State href=OR-oregon.html /
area shape=poly coords=98,61,106,22,60,10,41,15,39,47
class='USAstates' name='WA' title='Washington State'  href='WA-
washington.html' /
/map

my jquery script is this.

script language=javascript 

$(document).ready(function() {
$('area.USAstates').each( function () {
var statekey = $(this).attr(name).toString();
   //alert('statekey =' + statekey );
$(.USAStates).attr(rel,ajaxsearch.php).cluetip({
showTitle: true,
closePosition : title,
sticky : true,
hoverIntent: {
  sensitivity:  7,
  interval: 500,
  timeout:  100
},
ajaxCache:  false,
ajaxSettings : {
type : POST,
data : state= + statekey
},
ajaxProcess : function (data) {
return div + data + /div;
}
});
});});

/script

Can some one assist me?

Thank you.

Regards
Neo M

[jQuery] Re: cluetip on an imagemap troubles

[nEo]

Hi,

I tried using id (#usamap). It created the cluetip, but everything was
running in a loop...

Please help.

On Feb 29, 10:26 pm, nEo [EMAIL PROTECTED] wrote:
 Hi,

 I have an image map marked with areas. I am having trouble in passing
 the dynamic values to the ajax script.

 My image map is like this

 map name=USAMap id=USAMap
 area shape=poly
 coords=52,143,60,106,23,96,14,137,38,208,83,244,92,210
 class=USAstates name=CA title=California State href=CA-
 california.html /
 area shape=poly coords=88,111,99,62,40,48,23,95 class=USAstates
 name=OR title=in Oregon State href=OR-oregon.html /
 area shape=poly coords=98,61,106,22,60,10,41,15,39,47
 class='USAstates' name='WA' title='Washington State'  href='WA-
 washington.html' /
 /map

 my jquery script is this.

 script language=javascript 

 $(document).ready(function() {
 $('area.USAstates').each( function () {
                 var statekey = $(this).attr(name).toString();
        //alert('statekey =' + statekey );
             $(.USAStates).attr(rel,ajaxsearch.php).cluetip({
                 showTitle: true,
                 closePosition : title,
                 sticky : true,
                 hoverIntent: {
                       sensitivity:  7,
                       interval:     500,
                       timeout:      100
                                         },
                 ajaxCache:  false,
                 ajaxSettings : {
                 type : POST,
                 data : state= + statekey
                 },
                 ajaxProcess : function (data) {
                         return div + data + /div;
                 }
                 });
         });});

 /script

 Can some one assist me?

 Thank you.

 Regards
 Neo M