탭 인덱스를 사용하지 않고 탭 컨테이너에 활성 탭을 설정하려면 어떻게해야합니까?

Question

tbcSP라고하는 탭 컨테이너가 있습니다. 그것은 3 개의 패널을 가지고 있습니다. 각 패널은 ID, 작업 및 캐쉬를 실행합니다.

이제는 쿼리 문자열을 사용하여 탭 컨테이너가 보관 된 페이지로 이동하는 링크를 사용합니다. 저에게는 아무런 문제가 없습니다. 링크/쿼리 문자열 (예 : default.aspx의 부엌 링크를 클릭하고 쿼리 문자열 ../staff.aspx?id=katIss)에서 패널의 ID를 가져올 수 있습니다. 나는 캐트를 얻을 수 있습니다

이제 저는 탭 색인을 사용하여 활성 탭을 설정하는 방법을 읽고 읽었습니다. 그러나 내가 이드의 이드를 가지고 있다면 어떻게 할 수 있습니까?

배열을 만들고 id가 동일한 경우 색인을 찾는 방법이 있습니까? 또는, 나는 이것을 시도했다. 또 다른 방법을 말하고있다 : $ find ("tbcSP") ._ tabs [- 여기에 -] -. 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> 

내가 말했듯이 내가 클릭 한 링크 또는 클릭 한 링크를 가져옵니다. 그러나 인덱스를 모른다는 가정하에 활성 탭을 어떻게 설정합니까? 사전

Answer 1

에서

덕분에 당신은 탭의 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; 
}