Hi Imdadhusen,
Thanks for your solution. I think this is a complete different way of doing it. Actually I am using Ajaz and JQuery's .bt() function.
My scenario is: I am using a list view in my page, each row will have an Icon. While loading the page, I am registering the beauty tips for all the Icons. So when we mouse over on a particular Icon, the related data will be shown in the beauty tip. Code is below
AddToolTip:
function(xx)
{
var parent = $(xx).parents("td").get(0);
$(parent).bt({
contentSelector: '$(\'#' + Icon.id + '\')',
trigger: ..
.....
....
clickAnywhereToClose: true,
closeWhenOthersOpen: true,
.......
.......
hoverIntentOpts: {
interval: 1000,
timeout: 2000
}
});
The AddToolTip function will be called for all the rows of a list view while loading the page. But when we mouse over of a particular Icon, the tooltip will show with related data. Now here I want to handle the delay of 1 second on mouse over.
Sorry I couldn't apply your solution in this scenario. Please let me know with more details.
Thanks in Advance.