I have a hierarchy grid in a user control.
The User control is dynamically loaded onto a page which has an Image and a ToolTip attached to the Image as such.
When I hover over the header of my Telerik Grid, sort is allowed, the ToolTip pops up.
How can I prevent the tooltip from popping on the hover of any other element on the page and it should only popup when I hover on my Image.
Thanks
I am using IE6.
The User control is dynamically loaded onto a page which has an Image and a ToolTip attached to the Image as such.
When I hover over the header of my Telerik Grid, sort is allowed, the ToolTip pops up.
How can I prevent the tooltip from popping on the hover of any other element on the page and it should only popup when I hover on my Image.
Thanks
I am using IE6.
protected void Page_Load(object sender, EventArgs e) |
{ |
imgImage1.Visible = true; |
imgImage1.Attributes.Add("onmouseover", "showToolTip(this," + id + ");return true;"); |
} |
function showToolTip(element) |
{ |
var tooltipManager = $find("<%= RadToolTipManager1.ClientID %>"); |
if (!tooltipManager) return; |
var tooltip = tooltipManager.getToolTipByElement(element); |
if (!tooltip) |
{ |
tooltip = tooltipManager.createToolTip(element); |
tooltip.set_value(arguments[1].toString()); |
} |
tooltip.show(); |
} |
<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Position="TopLeft" |
Skin="Web20" Style="font-size: 18px; text-align: center; font-family: Arial; margin-right:50px;" Animation="Slide"> |
<WebServiceSettings Path="MyWebService.asmx" Method="MyMethod" /> |
</telerik:RadToolTipManager> |
<div style="height:94%;z-index:100001;"> |
<div style="position:fixed; float: right;"> |
<asp:Image runat="server" ID="imgImage1" ImageUrl="~/Images/Icons/folder_1.png" Visible="false" /> |
</div> |
</div> |