如何設置選項卡容器中的活動選項卡而不使用選項卡的索引？

我有一個標籤容器，稱之爲tbcSP。它有三個面板，每個都帶有ID，它們運行IES，workIss和katIss。如何設置選項卡容器中的活動選項卡而不使用選項卡的索引？

現在，我使用鏈接轉到使用查詢字符串保存製表符容器的頁面。在那裏我沒有問題。我可以從鏈接/查詢字符串中獲取面板的ID（例如：單擊default.aspx上的廚房鏈接並獲取查詢字符串../staff.aspx?id=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>

就像我說的那樣，我可以得到我想要的或我點擊的任何鏈接。但假設我不知道索引，我該如何設置活動選項卡？

在此先感謝

來源

2013-03-25 Nicholas Aysen

如果有標籤的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-25 08:29:27

ok。三件事。 1：我把這段代碼放在我上面的findTab（con）函數中嗎？ 2：除了說風格之外，還有別的方法嗎？和3：我是否將tabcontainer cssclass更改爲「active」？ – 2013-03-25 08:37:18

1.在'findTab'中使用'document.getElementById（id）.className ='active';'當你有權訪問id時，是''''''''''''2。樣式是最好的方法，你可以在JavaScript中應用CSS，重新編寫JavaScript的CSS很糟糕。 3.你想在你的標籤上設置一個班級，以便你可以設置它。 – 2013-03-25 08:39:37

好的。感謝您的幫助 – 2013-03-25 08:50:59

如何設置選項卡容器中的活動選項卡而不使用選項卡的索引？

回答

相關問題