Comments on: clueTip Plugin Beta 2

By: Frank

Frank — Wed, 16 Dec 2009 06:52:02 +0000

PS: The deleting of clone(true) results in that the form is deleted from the DOM after closing the tooltip. Maybe you have an better Idea for showing the original content without deleting them after closing the clue tip. So don’t delete clone(true) this results in an empty cluetip.

By: Frank

Frank — Wed, 16 Dec 2009 06:09:55 +0000

Hey Karl I solved the problem!
I deletet .clone(true) and it worked fine for me, but I think that’snot the best solution!
Could you integrate an option like clone: (true/ false) ? This should release some problems maybe for others too?

By: Frank

Frank — Wed, 16 Dec 2009 03:05:48 +0000

Hello Karl,
I use cluetip with Drupal to show a form. This works perfectly, but when i click in the cluetip to the submit button the uses ahah event of drupal didn’t show me the progress bar. So I found out that the progress bar is shown in the hidden form on the website but it didn’t appear in the cluetip. When I reload the cluetip by going to the link again to force the reload of the cluetip the progress is shown. How can I force this directly without closing the cluetip and reopen it? Any ideas for me?

Thx for your plugin really useful and almost simple to use.
Greetings frank

By: Karl Swedberg

Karl Swedberg — Fri, 20 Nov 2009 19:09:26 +0000

Hey George, I'm not sure if this works cross-browser, but you could try adding a tabIndex attribute to the cluetip:

onShow: function(ct, c) {
  ct.attr('tabIndex', '-1').focus();
}

By: George

George — Fri, 20 Nov 2009 18:58:26 +0000

I am trying to make the popup ADA-compliant. One of the requirement is that the focus should be transferred to the cluetip when displayed so that the user can use the close url in my clutip’s title. I tried using the onshow() event handler as:

onShow: function(ct, c){ct.focus();

But this does not seem to work because if the focus was truly set then a tab should take me to the ‘close’ link.

Any suggestion? Thanks.

By: Karl Swedberg

Karl Swedberg — Thu, 23 Apr 2009 03:21:50 +0000

Hi Duffers, Actually, if you have a test page I can look at, that would be great. Feel free to send me more info via the contact form. Thanks!

By: duffers

duffers — Thu, 23 Apr 2009 02:39:57 +0000

Hi Karl,
I am having same problem of showing the tooltip content in safari and IE. It shows the tip and no content in it. It does work well on FF. An clue will be of great help
jQuery(‘#anchor-link’).cluetip({
local:true,
cluetipClass: ’rounded’,
arrows: true
});
I am trying to get content from hidden div described in rel of anchor link. I can paste that code if you need it.

By: Karl Swedberg

Karl Swedberg — Sat, 14 Mar 2009 13:23:09 +0000

Hi Spence, you have a trailing comma in the options object; remove it and you'll be fine:

$('#knit_designing_is_easy1').cluetip({
    sticky: false, 
    width: 500, 
    closePosition: 'title', 
    arrows: true, // <-- remove that comma. 
});

By: spence

spence — Sat, 14 Mar 2009 07:57:42 +0000

Thanks for a great plugin! I'm having a problem with displaying content in any browser other than FF. IE7, IE8, Win Safari and MAC Safari do not work.. FF3 and FF2 on Win and MAC both work. I am using the following files jquery core 1.2.6 cluetip 0.9.8 dimensions 1.2 (both with and without) Code Example: HTML


Class Description

Jquery


$('#knit_designing_is_easy1').cluetip({sticky: false, width: 500, closePosition: 'title', arrows: true,});

Any help would be greatly appreciated..

By: David

David — Fri, 20 Feb 2009 12:30:30 +0000

Hello Karl,

I’m using clueTip 0.9.9pre4.

If I use cluetip in this way all is correct:

$().ready(function()
{
$(‘div#tip1′).cluetip({
width:’450′,
height:’600′,
leftOffset: -400,
activation: ‘click’,
cluetipClass: ‘jtip’,
arrows: false,
dropShadow: false,
//hoverIntent: false,
sticky: true,
//ajaxCache: false,
positionBy: “mouse”,
attribute: ‘rel’,
waitImage: true,
fx: {open:’fadeIn’},
closePosition: ‘title’,
closeText: ”,
//draggable: true,
//ajaxSettings: { type: ‘GET’}
});

But I need to use your plugin with OpenLayers and if I user clicks on a point I show the tooltip and I change dynamically the rel value:

Part of the JS function call from when the user clicks on a point

}else if (document.createEvent){

$(“div#tip”).attr(“rel”, html_page).cluetip({
width:’450′,
height:’600′,
leftOffset: -400,
activation: ‘click’,
cluetipClass: ‘jtip’,
arrows: false,
dropShadow: false,
sticky: true,
positionBy: “fixed”,
attribute: ‘rel’,
waitImage: true,
fx: {open:’fadeIn’},
closePosition: ‘title’,
closeText: ”,
//draggable: true,
//ajaxSettings: { type: ‘GET’}
});
$(“div#tip”).click();
}

If the waitimage is false the tooltip is shown else the waitimage enters in a loop and the tooltip is not shown(ajax response is 200 OK)
This is because the Event.mouseY-X is undefined and the “problem” comes from this function: $(‘#cluetip-inner img’).load(function() (line 200)
Any ideas?
Thanks!