« Return to Thread: clueTip Plugin - Loading specific DIV ID in external html
Re: clueTip Plugin - Loading specific DIV ID in external html
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!!!! :)
« Return to Thread: clueTip Plugin - Loading specific DIV ID in external html
| Free Forum Powered by Nabble | Forum Help |