如何在标签容器中设置活动标签而不使用标签的索引?

How do i set the active tab in a tab container without using the index of the tab?

本文关键字：标签 索引 设置 活动      更新时间：2023-09-26

我有一个制表符容器，命名为tbcSP。它有三个面板，每个面板的id分别为offIss, workIss和katIss。

现在，我使用一个链接到保存选项卡容器的页面，使用查询字符串。我没有问题。我可以从链接/查询字符串中获得面板的id(例如:单击默认的厨房链接)。/staff.aspx?id=katIss)。我可以得到katIss

现在，我已经阅读了一遍又一遍，只看到了如何使用标签的索引设置活动标签的例子。但如果我有标签的id，我怎么做呢?

是否有一种方法，使一个数组，并找到索引，如果id是相同的?或者，我已经试过了，是否有另一种说法:$find("tbcSP")。_tabs[——这里——]._show ()

这是目前为止我的脚本语言:

<script type="text/javascript">
        function pageLoad() {
            var surl = unescape(window.location);
            var con = surl.substr(surl.indexOf("id=")+3, surl.length);
            findTab(con);
        }
        function findTab(con) {
            alert(con);
            if (con != "") {
               $find("tbcSP")._tabs[0]._show();
            }
        }
    </script>

就像我说的，让我得到katIss或我点击的任何链接。但假设我不知道索引，如何设置活动选项卡呢?

Thanks in advance

如果您有选项卡的id，您可以简单地在具有id的元素上设置一个类。

var id; // assume has a value
document.getElementById(id).className = 'active';

然后使用CSS样式你的活动标签和非活动标签。

.tab {
    /* CSS for inactive tabs */
    color:gray;
}
.tab.active {
    color:black;
}
相关文章：