You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

On showing one tooltip how to hide prev tooltip Created Aug 31, 2010

This thread is solved

Views: 838     Replies: 2     Last reply Sep 13, 2010  
You must login first before you can use this feature

ice-pro

Posts: 1

Registered:
Aug 31, 2010

On showing one tooltip how to hide prev tooltip

Posted: Aug 31, 2010

I have 4 tooltips on the page. The first of them must be shown on page load, for this I write 
def:"load mouseenter, mouseleave"

but when I move mouse over 2,3 or 4 tooltip, the first still shown. How to hide it?
I need event like 
focusany
to write something like this:
def:"load mouseenter, focusany mouseleave"
Thnx!

dedicatedmanager

Posts: 14

Registered:
Sep 13, 2010

» On showing one tooltip how to hide prev tooltip

Posted: Sep 13, 2010

Reply to: On showing one tooltip how to hide prev tooltip, from ice-pro
Look for the onBeforeShow config option in the ToolTip documentation.

dedicatedmanager

Posts: 14

Registered:
Sep 13, 2010

» » On showing one tooltip how to hide prev tooltip

Posted: Sep 13, 2010

Reply to: » On showing one tooltip how to hide prev tooltip, from dedicatedmanager
Here's an example of something I do. Hopefully this helps:

$('.comparisonChartTable tr td.attributeName h4').tooltip({position:'bottom left', relative: true , offset:[0,365], delay:'0', onBeforeShow: function() {$('.comparisonChartTable tr td.attributeName .description').hide();}, events: {def:"mouseenter,mouseleave", input: "focus,blur", widget: "focus mouseenter,blur mouseleave", tooltip: "mouseleave"} });

•