Как настроить активную вкладку в контейнере табуляции, не используя индекс вкладки?

Question

У меня есть контейнер табуляции, назовите его tbcSP. он имеет три панели, каждая из которых имеет id, которые запускаютIss, workIss и katIss.

Теперь я использую ссылку, чтобы перейти на страницу, где хранится контейнер табуляции, используя строку запроса. Там у меня нет проблем. Я могу получить идентификатор панели из строки link/query (например: нажмите ссылку на кухне по умолчанию .aspx и получите строку запроса ../staff.aspx?id=katIss). Я могу получить katIss

Теперь я читал и читал и видел только примеры того, как установить активную вкладку, используя индекс вкладок. Но как я могу это сделать, если у меня есть идентификатор вкладки?

Есть ли способ сделать массив и найти индекс, если 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 вкладки, вы можете просто установить класс на элемент с идентификатором.

var id; // assume has a value 
document.getElementById(id).className = 'active'; 

Затем используйте CSS для создания активной вкладки и неактивных вкладок.

.tab { 
    /* CSS for inactive tabs */ 
    color:gray; 
} 
.tab.active { 
    color:black; 
}