I figured out a workaround by using a hidden div, and loading the
external website content in the hidden div. However, now that it's
working, I've noticed that the cluetip seems to shift its location
after I load the content into the div. Maybe it's the way I'm doing
it? I'd like to be able to load the content before the cluetip is
show, and make sure it is loaded.
Here's what I'm doing right now:
<a href="whatever.com" rel="#helper" class="hTip">test</a>
<div id="helper" style="display: none"></div>
jQuery("a.hTip")
.livequery(function() {
var url = jQuery(this).attr("href");
jQuery(this).cluetip({
cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
hoverIntent: false,
sticky: true,
mouseOutClose: false,
closePosition: 'title',
closeText: 'close',
activation: 'click',
local: true,
onShow: function(ct, c) {
jQuery(c).load(url, function() {
alert('finished
loading');
});
return true;
}
});
return false;
});
Instead of onShow, I also tried onActivate, but the external site
doesn't finish loading until after the cluetip shows, which causes the
external content to not even show up.
On Jan 27, 9:58 am, Adam <apcau...@gmail.com> wrote:
> When using the cluetip plugin, I am loading an external url. The tip
> loads fine if my external page is plain text/html, however if I
> reference an external style sheet (using the <rel> tag), the plugin
> crashes Firefox. It's happened more than once. Is there a workaround
> for this other than inline style? I need to use a .css file since I
> have multiple pages to show with the cluetip.
>
> Thanks!
