This is a migrated thread and some comments may be shown as answers.

tabstrip mouseout problem

1 Answer 19 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Kirk Thomas
Top achievements
Rank 1
Kirk Thomas asked on 05 Aug 2010, 04:21 PM
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




1 Answer, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 09 Aug 2010, 12:12 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
TabStrip
Asked by
Kirk Thomas
Top achievements
Rank 1
Answers by
Yana
Telerik team
Share this question
or