Specify Multiple Tool Tips Created Feb 10, 2010

I'm having a similar issue... would like multiple HTML tooltips within Scrollable.

Can't use a class because placing classed elements next to each scrollable item breaks scrollable (I assume because it's messing with the width).

I'm thinking it would be easiest to point multiple IDs, but other solutions are also welcome.

I figured out how to do this. The following example will work on all inputs on the page, automatically, and assign a unique tooltip for each one, the ID of the tooltip the same as the trigger ID plus "_tooltip".


If you copied the code below, and used a trigger with id "username", then your tooltip would have to have id "username_tooltip" and it would function... and so on: "password" = "password_tooltip", "email" = "email_tooltip", etc.

$(":input").each(function(){  
   var el = $(this); 
   var thisid = el.attr("id");
   var thisid = ("#" + thisid + "_tooltip");
 
   el.tooltip({  
      offset: [5, 70],  
      tip: thisid
   }); 
 
});

That works nile, but is that really the best way to do it?

I feel like this *should* work (note - it doesnt work, but it seems to me that it ought to)

   $(":input").tooltip({   
      offset: [5, 70],   
      tip: "#"+$(this).attr("id")+"_tooltip"
   });  

Does this make sense to anybody else?