Home → TipTip jQuery Plugin →

using callbacks

• Edit

Andy

05 Oct, 2010 12:21 PM

Hi

I need to track the activation of the tooltip so I'm using the callback 'enter'. Each tooltip is generated from a span title attribute and each span has a non-unique ID, contained within a rel attribute.

How can I get this ID within the 'enter' callback to ajax back to PHP?

I would expect this to alert the contents of the rel, but it doesn't:

enter: function(){ alert($(this).attr('rel')); }

Any help is greatly appreciated, thanks

Andy

1. 1 Posted by Shoaib Younus on 06 Oct, 2010 01:28 AM

   

   This is a great tool with minimum of code,i loved it, I wanna call the restfull service from your code instead of ajax to get the results in jsonp format. Kindly tell me how i can do it. My email id is [email blocked],
   It would be a great help.
   Regards,
   Shoaib Younus

   • Edit

2. 2 Posted by Jørgen on 06 Oct, 2010 12:29 PM

   

   Andy: I'm also looking for a solution to this

   • Edit

3. 3 Posted by Bala on 04 Apr, 2011 08:25 PM

   

   I began using the plugin thinking that there would be a way to ajax load content. I think it is coming soon, until then I used a hack

   I have used a global variable to store a part of the id of the element to which the tool tip is to appear. The tipTip plugin uses a single div element for all tool tips, which makes this hack possible.

       var querydata;
       jQuery('.dataprefix').mouseenter(function(){
          querydata=this.id.replace('dataprefix','');
       });
       jQuery('.dataprefix').tipTip({
           enter:function(data){
               jQuery.ajax({
                   type:'POST',
                   url:<url>,
                   data:'data='+querydata,
                   success:function(result){
                       jQuery('#tiptip_content').html(result);
                   }
               });
           }
       });
   

   • Edit

4. 4 Posted by Marcelo on 05 Apr, 2011 10:16 PM

   

   The problem seems to be here I think:
   ... function active_tiptip(){
   

   opts.enter.call(this);
   tiptip_content.html(org_title);
   tiptip_holder.hide().removeAttr("class").css("margin","0");
   tiptip_arrow.removeAttr("style");
   

   ...

   I' not sure but maybe replacing "opts.enter.call(this)" by opts.enter.call(tiptip_content) or opts.enter.apply(tiptip_content)
   might work

   • Edit

5. 5 Posted by Tim on 03 May, 2011 03:53 PM

   

   another suggestion would be to add an additional call back at the end of the active_tiptip() method. Perhaps a 'show()`' callback method to allow users to modify the #tiptip_content on the fly with their own post processing.

   • Edit

6. 6 Posted by Tim on 04 May, 2011 03:57 PM

   

   Attached my callback hack and another for a positional issue that I was having with elements that filled the viewport.

   • jquery.tiptip.js 7.21 KB
   • Edit