How to get active tab index from TabContainer

Question

Currently I am using this line of code in my JavaScript

var tabIndex = $(':focus').attr('tabIndex');

However this constantly fails to get the active index.

Here is asp:TabContainer header in case this helps. I have also tried document.GetElementById, however to no avail as well.

    <asp:TabContainer ID="AdvOrBasicSearch" runat="server" ActiveTabIndex="0">

`:focus` selects the currently focused element in the page. If you want to select the current selected tab in a tab group, there is surely a better way around. — Fabrício Matté, Sep 09 '12 at 03:06

score 2 · Answer 1 · answered Sep 09 '12 at 19:39

2

They say a picture is worth a thousand words...

I have used jQuery here. With it it is simple to find what you want. Pay attention to the rectangled text in the pic.

Happy coding.

enter image description here

answered Sep 09 '12 at 19:39

deostroll

11,661
21
90
161

`.index()` is jQuery. You have to include the scripts first...what is the problem you had there... – deostroll Sep 13 '12 at 06:25

NealR · Accepted Answer · 2012-09-12T19:44:27.160

0

I found this method works much better. I created a variable with the tabContainer itself. Then, I just needed to go inside the variable and pull the value from the _activeTabIndex property.

var tabIndex = $find("AdvOrBasicSearch"); //AdvOrBasicSearch is name of tabContainer
var i = tabIndex._activeTabIndex;

edited Sep 12 '12 at 19:44

answered Sep 12 '12 at 17:03

NealR

10,189
61
159
299

score 0 · Answer 3 · edited Jan 08 '14 at 11:13

Get tab index and tab name using javascript

< script type="text/javascript">
        function onTabChanged(sender, e) <br> { <br>
            var curIndex = document.getElementById('lblCurTabNo');<br>
            var curName = document.getElementById('lblCurTabName');<br>
            curIndex.innerHTML = sender.get_activeTabIndex();<br>
            curName.innerHTML = sender.get_activeTab().get_headerText();<br>
        }<br>
    < /script><br><br>

< asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" UseVerticalStripPlacement="false"
            Width="400px" BackColor="ActiveBorder" ForeColor="Green" OnClientActiveTabChanged="onTabChanged"><br>
    ----asp tab control-----------

< /asp:TabContainer>

Tab Index : < asp:Label ID="lblCurTabNo" runat="server" Text="0"></asp:Label><br />

Tab Name :< asp:Label ID="lblCurTabName" runat="server" Text="Personal Info"></asp:Label>

useless, i need way to get index without sender's – Dima Grigoriev Mar 07 '18 at 13:22 — Dima Grigoriev, Mar 07 '18 at 13:22

How to get active tab index from TabContainer

3 Answers3