Currently this works fine when running in a stand-alone page but when it is added to a master page or template page
when the tooltip opens I get a javascript error: " LENGTH is null or is not an object"
I've tried numerous ideas and have tried to find some relevant references in the forums but have not found a fix that works yet.
What is the best way to avoid this error?
A basic version of the code used for the user control containing the tooltip manager is below:
<
script runat="server">
Protected Sub tooltipupdate(ByVal sender As Object, ByVal e As Telerik.Web.UI.ToolTipUpdateEventArgs)
Dim ctrl As Control = New Control
ctrl = Page.LoadControl(
"~/controls/usercontrol1.ascx")
e.UpdatePanel.ContentTemplateContainer.Controls.Add(ctrl)
End Sub
</
script>
<
div>
<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
<script type="text/javascript">
function showToolTip(element)
{
var searchString = "";
if (window.document.selection)
{
var rng = window.document.selection.createRange();
searchString = rng.text;
}
else if (window.getSelection)
{
searchString = window.getSelection().toString();
}
if (searchString)
{
var tooltipManager = $find("<%= RadToolTipManager1.ClientID %>");
if (!tooltipManager) return;
var tooltip = tooltipManager.getToolTipByElement(element);
tooltip = tooltipManager.createToolTip(element);
tooltip.set_value(searchString);
element.onmouseover =
null;
tooltip.show();
}
}
</script>
</telerik:RadScriptBlock>
<telerik:RadToolTipManager ID="RadToolTipManager1"
Width="400px"
height="200px"
RelativeTo="BrowserWindow"
Position="Center"
runat="server"
Onajaxupdate="tooltipupdate"
AutoTooltipify="false"
>
</telerik:RadToolTipManager>
<div runat="server" id="dblclk1" ondblclick="showToolTip(this)" >some text here</div>
</
div>