Comments on: clueTip Plugin Beta

By: jeanmarie

jeanmarie — Tue, 26 Jul 2011 14:48:16 +0000

Hi,

thanks Karl for the plugin, it is very usefull and easy to configure.

But (there is always a but :) ) I have a problem of smart positioning with image maps: the tips always appear on the right side of the area (where you click), even if the dot is next to the right border of the window.

See there: http://www.lefourneau.com/lerelecqkerhuon/historique.htm
Click on the small map to show the bigger map with the dots and then, reduce the size of your window.

Thanks for help

By: John

John — Wed, 11 Aug 2010 12:03:11 +0000

Hi Karl

I have 4 main categories which list all the sub categories underneath them dynamically. When someone hovers over the sub category link, a tool tip should appear and list dynamically the products listed in that sub category. The site is built in coldfusion, the tooltip is populated via ajax, it calls for the cat-load.cfm page.

The problem is that i need to pass 2 variables through to the cat-load.cfm page, one is the cat_type_id and the other is the cat_type_desc_id. I looked at your sample code above for antreas (Q .26) , i tried it but i need to do the same thing for all four categories, please could you show me an example for 4 dynamic urls that should go in the ‘ajaxSettings:’ code and if i need to make the link for the tooltip look something like this:

a class=”tips” href=”cat-load.cfm?cat_type_id=#variable#&cat_type_desc_id=#variable#” rel=”cat-load.cfm” title=”Products”

is that the correct place to pass the variables or should they go on the js page for the tooltip.

Thanks

By: Tsiki

Tsiki — Fri, 02 Jul 2010 07:26:45 +0000

Hi.
I’m trying to open a cluetip upon hovering over a table row. how can this be done?
thanks

By: Ash

Ash — Mon, 28 Jun 2010 15:58:35 +0000

I am using this great plugin for image maps, thing is, I’m using tracking = true and position to mouse..

It’s a little glitchy… The tip doesn’t seem to load up where the mouse actually is…

heres a link…

http://localhost/__TOAST/PAGES/june28/style_stories_page1.php

Any ideas why this might be?

By: Peter

Peter — Tue, 25 May 2010 13:13:58 +0000

hi there, i try to rebuild one of the examples in my application. for testing i want to show one of the examplte html pages "ajax.html". the clue tip opens, the title is correct, but no body. just one empty line is shown. any idea what i do wrong? the htmls looks like this:

 < span title="202180" rel="http://github.com/kswedberg/jquery-cluetip/blob/master/demo/ajax.htm" href="#" class="kdtips"> Schlecker </span>

the jquery part:


$(document).ready(function()
{
  $('.kdtips').cluetip(
  {sticky: false,
   arrows: true,
   width: 380
  });
});

any clue ist welcome peter

By: gullbyrd

gullbyrd — Thu, 24 Dec 2009 05:32:38 +0000

I got cluetip to work with thickbox when loading the cluetip from an external file, but it took a little hack. Here’s the thing: apparently if you’re loading an external file the file doesn’t load normally, so you can’t use document.ready() or anything similar to initialize the links. In fact, the cluetip doc acts like part of the underlying doc… you can call javascript functions on the original page from the cluetip doc, which seems odd.

Anyway, once the external file is loaded, you can initialize the links. But how can you tell that the file is loaded? My hack was to put an init call in the onmouseover event of the link I wanted to initialize. I actually called a function on the underlying page that in turn called “tb_init(‘a.thickbox’)”. Even though the thickbox link was on the external page, rather than the page in which the call was made, it worked.

By: jarome

jarome — Mon, 16 Nov 2009 02:54:58 +0000

hi,my aspx dynamic page using cluetip works in ie is ok,but in the firefox it notices ‘sorry, the contents could not be loaded’

By: Per

Per — Wed, 23 Sep 2009 09:15:40 +0000

Actally I didn´t use the laitest, but this time I am.


* jQuery clueTip plugin
* Version 1.0.5 (August 22, 2009)

I still got the same problem, it cind of flips back from the correct one to the previous one as well. Here is the code, so if you need to try it out. For me its very portant to get 100% accuracy.


 if ($('#i1' + "[src$=noinfo.gif]")) {
                                $('#i1').attr({ src: "info.gif" });
                                $('#i1').attr({ 'class': "Enable" });
                            }
                            $('[id^=a1]').attr({ id: 'a1-' + x });
                            $('#a1-' + x).attr({ dataType: 'aspx', rel: 'PopupInfo.aspx' }).cluetip({ cluetipClass: 'rounded', dropShadow: false, sticky: true, ajaxCache: false, ajaxSettings: { dataType: 'aspx', data: 'n=' + x }, onActivate: function(e) { if ($('#i1').attr("class") == "Enable") { return true; } else { return false; } } });

By: Karl Swedberg

Karl Swedberg — Mon, 21 Sep 2009 12:30:33 +0000

Hi Per, Not sure which version you're using, but grab the one on GitHub and add ajaxCache: false to the options object when you call .cluetip(). That should help.

By: Per

Per — Mon, 21 Sep 2009 12:01:54 +0000

I have tested many ways of passing variables true query string dynamically(update the same “rel” link several times), I still not get any stable solution that works 100%, I maby get it right 6 times if I’m lucky but the 7th it will show the wrong data variable (the previous one). If there are no solution maby its possible you can you give me a tip on how I can re-verify that the x variable are the correct one before its actually being sent. I have also try changing the anchor points id along with the change of the variable but with the same negative result.

ajaxSettings: { dataType: 'aspx', data: 'n=' + x }

Any clue how I can solve this?