|
Server : Apache/2.2.17 (Unix) mod_ssl/2.2.17 OpenSSL/0.9.8e-fips-rhel5 DAV/2 PHP/5.2.17 System : Linux localhost 2.6.18-419.el5 #1 SMP Fri Feb 24 22:47:42 UTC 2017 x86_64 User : nobody ( 99) PHP Version : 5.2.17 Disable Function : NONE Directory : /proc/21571/root/home/queenjbs/www/test/ |
Upload File : |
<html>
<body>
<script language="javascript">
<!--
// ********************************************
// 작성자 : jskimmail
// 기 능 : 탭 클릭시 탭 활성화와 이미지 변경...
// funShowTab('tab1',3,1)
// 이미지를 변경하고자 하는 경우에는
// <img id="img_tab1_1" src="aon.gif"> 처럼 ID 에 img_그룹명_순번 으로 넣어준다.
// ********************************************
function funShowTab(vTabName,vTotTabCnt,vTabNo){
// vTabName 탭 그룹 명
// vTotTabCnt 그룹내 탭의 수
// vTabNo 활성화 탭 번호
if (vTabName=="") return; //탭 그룹 명이 없으면 나간다.
var vTab = null ; // 탭
var vTabObj = null;
// 보이고자 하는 탭을 제외하고는 안보이도록 한다.
var vTabFor = 1 ;
for ( vTabFor = 1 ; vTabFor <= vTotTabCnt ; vTabFor++ ){
vTab = vTabName + "_" + eval(vTabFor) ; // 탭 id
var vTabObj = document.getElementById(vTab); // ID가 존재하면 실행
if (vTabObj) {
if (vTabFor == eval(vTabNo)) {
vTabObj.style.display= ''; // 영역을 보인다
} else {
vTabObj.style.display= 'none'; // 영역을 숨긴다..
} // end if
} // end if
} // end for
// 선택 탭 이미지를 변경한다.
var vChgImg = null ;
var vImgExt = "gif" ; // 이미지 확장자명
var onOffSep = "on" ; // onoff 구분자. on일때 aon.gif , off 일때 a.gif 이면 구분자는 on 이 된다.
var vImgExtLen = vImgExt.length ; // 확장자명 크기.
var onOffSepLen = onOffSep.length ; // onoff 구분자.
var vTabFor = 1 ;
for ( vTabFor = 1 ; vTabFor <= vTotTabCnt ; vTabFor++ ){
vTab = "img_" + vTabName + "_" + eval(vTabFor) ; // 실제 보이고자 하는 탭 id
var vTabObj = document.getElementById(vTab); // 텝 이미지명
var orgImg = vTabObj.src; // 현재 이미지
var onOff = orgImg.substr(orgImg.length-6,2); // 단어가 ON 인지 확인.
if (vTabObj) {
if (vTabFor == eval(vTabNo)) {
// 보여야 하므로 ON 을 붙여야 하는데 이미 ON 이 있으면 그냥..
if (onOff != onOffSep){
vChgImg = orgImg.substr(0,orgImg.length-(vImgExtLen+1)) + onOffSep + "." + vImgExt ;
vTabObj.src = vChgImg;
}
} else {
// 이미지를 ON 제외.
if (onOff ==onOffSep){
vChgImg = orgImg.substr(0,orgImg.length-(vImgExtLen+onOffSepLen+1)) + "." + vImgExt ;
vTabObj.src = vChgImg;
}
} // end if
} // end if
} // end for
}
//-->
</script>
<div id="allopenotice" class="mList01">
<div>
<ul>
<li><a href="javascript:funShowTab('tab1',2,1);"><img id="img_tab1_1" src="" alt="tab1"></a></li>
<li><a href="javascript:funShowTab('tab1',2,2);"><img id="img_tab1_2" src="" alt="tab1"></a></li>
</ul>
</div>
<!-- tab1 -->
<div id="tab1_1">
<ul>
<li>tab1</li>
<li>tab1</li>
<li>tab1</li>
<li>tab1</li>
<li>tab1</li>
<li>tab1</li>
<li>tab1</li>
</ul>
</div>
<!-- tab2 -->
<div id="tab1_2" style="display:none;">
<ul>
<li>tab2</li>
<li>tab2</li>
<li>tab2</li>
<li>tab2</li>
<li>tab2</li>
<li>tab2</li>
<li>tab2</li>
</ul>
</div>
</div>
</body>
</html>