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

时间:2013-03-25 08:22:51

标签: javascript asp.net tabpanel tabcontainer

我有一个标签容器,称之为tbcSP。它有三个面板,每个面板都有id,运行offIss,workIss和katIss。

现在,我使用链接转到保留选项卡容器的页面,使用查询字符串。我没有问题。我可以从链接/查询字符串中获取面板的id(例如:单击default.aspx上的kitchen链接并获取查询字符串../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或我点击的任何链接。但假设我不知道索引,如何设置活动选项卡?

提前致谢

1 个答案:

答案 0 :(得分: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;
}