0

私はタブコンテナを持っています、それをtbcSPと呼びます。3つのパネルがあり、それぞれにoffIss、workIss、およびkatIssを実行するIDがあります。

ここで、リンクを使用して、クエリ文字列を使用してタブコンテナが保持されているページに移動します。問題はありません。リンク/クエリ文字列からパネルの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 に答える