0

我有一个标签容器，称之为 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 或我点击的任何链接。但是假设我不知道索引，如何设置活动选项卡？

提前致谢

4

1 回答 1

0

如果您有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;
}
于 2013-03-25T08:29:27.803 回答