안녕하세요?

 

그누에서 많은 도움을 받고 있는 백발청년입니다.

 

다름이 아니라 현재 바다님의 스킨을 이용해서 작업중인데요.

 

 

하나를 수정해서 적용하는 것엔 성공했는데 한페이지에 두개의 탭을 넣으려니 애러가 뜨네요.

 

아마도 충돌되는 것 같아서 변수나 레이어의 숫자를 달리해서 조금씩은 되는 것 같은데 그래도 어느 부분에서 충돌이 되는 것 같습니다.

 

원본 스크립트는 아래와 같구요.

 

<SCRIPT type=text/javascript>
<!--
 old_debate='1';

 function showLayer(objid){
  document.getElementById("debate"+old_debate).style.display="none";
  document.getElementById("debate"+old_debate+"#1").style.display="";
  document.getElementById("debate"+objid+"#1").style.display="none";
  document.getElementById("debate"+objid).style.display="";
  document.getElementById("debate_content"+old_debate).style.display="none";
  document.getElementById("debate_content"+objid).style.display="";
  old_debate=objid;
 }
//-->
</SCRIPT>

 

 

첫번째 탭   ->  두번째 탭

id=debate1 -> id=debate6

id=debate2 -> id=debate7

id=debate3 -> id=debate8

id=debate4 -> id=debate9

 

 

첫번째 탭                        ->      두번째 탭

javascript:showLayer('1') -> javascript:showLayer('6')

javascript:showLayer('2') -> javascript:showLayer('7')

javascript:showLayer('3') -> javascript:showLayer('8')

javascript:showLayer('4') -> javascript:showLayer('9')

 

 

이런식으로 숫자를 달리해서 첫번째 탭과 두번째 탭간에 충돌을 피하려고는 하는데 스크립트 부분에서 충돌이 되는 것 같습니다.

 

윗부분 스크립트 부분은 첫번째 탭과 두번째 탭을 어떻게 다르게 변경해주면 충돌, 오류가 나지 않을까요?

 

아시는 분 계시면 좀 가르쳐 주세요.

 

감사합니다.