Hi Aaron,

You're too kind.
The first question I can answer right away. The second one is probably going to involve more work. I thought I had fixed the problems with areas before, but apparently not.

For question 1, you would just add the other options to the object literal:

jQuery.noConflict();
jQuery(document).ready(function() {
  jQuery.cluetip.setup({insertionElement: '#Maps'});
  jQuery('area.load-local').each(function() {
    var thisHash = this.hash;
    jQuery(this).cluetip({
      ajaxProcess: function(data) {
        var $div = jQuery('<div></div>').append(data).find(thisHash);
        return $div;
      },
      local:true,
      width: '250',
      positionBy: 'auto', // <-- unnecessary
      hoverIntent: true   // <-- unnecessary
    });
  });
});

If you're using one of the more recent versions of clueTip (>0.9.4), you shouldn't have to include the positionBy or hoverIntent options, since positionBy is "auto" by default, and hoverIntent will be used automatically if you include the hoverIntent.js script.

I'll try to track down the problem with positioning of areas as soon as I can.

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



On May 14, 2008, at 10:40 AM, Aaron wrote:


Karl you are the BEST! This works great!

I have implemented but have a few questions.

This is what i have that works

jQuery.noConflict();
        jQuery(document).ready(function() {
                 jQuery.cluetip.setup({insertionElement: '#Maps'});
                 jQuery('area.load-local').each(function() {
                var thisHash = this.hash;
                jQuery(this).cluetip({
                ajaxProcess: function(data) {
                var $div = jQuery('<div></
div>').append(data).find(thisHash);
        return $div;
                }
                });
                });
        });

But where do i now declare this

jQuery('area.load-local').cluetip({local:true, width: '250',
positionBy: 'auto', hoverIntent: true});

Also i am having an issue with the tip on a page that the link is
close to the right hand side of the page and the bottom. I have an
image map and when you hover over an item that is close to the right
hand edge or bottom it shows the clue tip off to the right and some of
it is cut off by the edge of the screen and then adds scroll bars to
the screen. I have tried setting the positionby to the various setting
but none of them seem to work.

You can see an example here http://72.167.53.228/FloorPlans.aspx

If you hover over the green rooms on the first map on the right side
you will see how it shows up off the screen. How do i make it switch
so that it is on the screen or is there a way to have it appear in the
center of the screen or Div it is setup too?

Thanks again for all the help!!! i can not tell you how much
appreciate this help!

YOU ARE THE BEST KARL!!!! :)

Reply via email to