如何在不使用选项卡索引的情况下在选项卡容器中设置活动选项卡？

Question

我有一个标签容器，叫它 tbcSP。它有三个面板，每个面板都有 id，分别对应 Iss、workIss 和 katIss。

现在，我使用查询字符串使用链接转到保存选项卡容器的页面。我没有问题。我可以从链接/查询字符串中获取面板的 ID（例如：单击 default.aspx 上的厨房链接并获取查询字符串 ../staff.aspx?id=katIss）。我可以得到katIss

现在，我已经阅读并仅看到了有关如何使用选项卡索引设置活动选项卡的示例。但是如果我有标签的 id 怎么办呢？

如果id相同，有没有办法创建一个数组并找到索引？或者，我已经尝试过了，有没有另一种说法： $find("tbcSP")._tabs[--what here--]._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 或我点击的任何链接。但是假设我不知道索引，我该如何设置活动标签？

提前致谢

Answer 1

如果你有标签的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;
}