tabstrip mouseout problem

[Kirk Thomas]

Here is what I'm using for my tabstrip.

<telerik:RadScriptManager ID="ScriptManager" runat="server" />
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<link href="css/navRe.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    /* <![CDATA[ */
    function SelectMyTab(sender, eventArgs) {
        var tab = eventArgs.get_tab();
        tab.select();
    }

    function UnSelectMyTab(sender, eventArgs) {
        var e = eventArgs.get_domEvent();
        var tabStrip = $find('<%= RadTabStrip1.ClientID%>');
        if (!tabStrip) return;
        //Find the element which the mouse is over
        var destElement = e.relatedTarget || e.toElement;
        if ($telerik.isDescendant(tabStrip.get_element(), destElement))
            return;
        var initialTab = tabStrip.findTabByText(tabStrip.get_attributes().getAttribute("InitialTab"));
        initialTab.unselect();
        initialTab.selectParents();
    }
    /* ]]> */
</script>
</telerik:RadCodeBlock>

<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" UnSelectChildren="True"
                        OnClientMouseOver="SelectMyTab"
                        OnClientMouseOut="UnSelectMyTab"
                        ClickSelectedTab="True"
                        SelectedIndex="2"
                        AutoPostBack="True" Skin="" >
    <Tabs>
        <telerik:RadTab runat="server" Text="HOME"
            CssClass="selectedNav">
            <Tabs>
                <telerik:RadTab runat="server" Text="Child RadTab 1" CssClass="childNav">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Child RadTab 2" CssClass="childNav">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTab>
        <telerik:RadTab runat="server" Text="GROW YOUR BUSINESS"
            CssClass="unselectedNav">
            <Tabs>
                <telerik:RadTab runat="server" Text="test" CssClass="childNav">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="test 2" CssClass="childNav">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTab>
        <telerik:RadTab runat="server" Text="INCREASE SALES" CssClass="unselectedNav"
            Selected="True">
        </telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>

c#:

protected void Page_Load(object sender, EventArgs e)
    {
        RadTabStrip1.Attributes["InitialTab"] = RadTabStrip1.InnermostSelectedTab.Text;
    }

The error I'm getting when I mouse out says this:

Microsoft JScript runtime error: 'parentNode' is null or not an object

I can't figure out what the issue is, any ideas?

-Kirk

[Yana]

Hello Kirk,

Please check this forum post. We kindly ask you not to post the same question in different forum threads.

Best wishes,
Yana
the Telerik team