묻고답하기
탭 형태의 페이지 구현은 어떻게 하는지요..
2008.01.14 11:43
최신글에 대한 탭형태 페이지 구현은 되어 있는데,
페이지 모듈에 대한 탭형태 구현에 대해서는 어떻게 구현해야 되는지 고수의 도움을 요청합니다.
1. 페이지에서 직접내용추가로 jsp에서 사용하던걸 붙여 놓으니까, 제대로 표시가 되지 않더군요..
<SCRIPT type=text/JavaScript1.2>
// jsp 초기화.
function JspInit() {
var f = document.policy_frm;
// button image 초기화.
setImages('01');
}
// tab image Click action.
function clickMenuOpen(obj,ind) {
var f = document.policy_frm;
//동일한 메뉴 클릭시 LOAD안되도록 처리.
if(f.BEFORE_CLICK_MENU.value == ind) return;
f.BEFORE_CLICK_MENU.value = ind;
setImages(ind);
}
//이미지 경로
function setImages(ind) {
var f = document.policy_frm;
var img_nm = "btn_tab_policy0"; // 이미지 & file NAMING RULE
// 현재 메뉴 갯수 : 2
for(i = 1 ; i <= 2 ; i++) {
try{
//혹시 중간에 메뉴가 삭제되는경우 오류 방지
if( !eval("document.all." + img_nm + i ) ) continue;
}catch(e){
}
if(parseInt(ind,10) != i ) {
eval("document.all." + img_nm + i ).src = ="./layouts/xe_chd/images/"+ img_nm + i + ".gif"; //비활성화.
}else{
eval("document.all." + img_nm + i).src = ="./layouts/xe_chd/images/" + img_nm + i + "_o.gif"; //활성화.
}
}
// 버튼에 대한 화면 OPEN
displayPage(parseInt(ind,10));
}
// 버튼 클릭에 따른 화면 OPEN URL
function displayPage(ind) {
var f = document.policy_frm ;
var page_nm = " ";
switch(ind) {
case 1 :
page_nm ="int_policy_2007";
break;
case 2 :
page_nm ="int_policy_2008";
break;
default :
break;
}
f.action=page_nm;
f.target="policy_subfrm";
f.submit();
}
-->
</SCRIPT>
<FORM id=policy_frm name=policy_frm action="" method=post><!-- 바로 전에 조회.클릭한 사번과 메뉴 --><INPUT id=BEFORE_CLICK_MENU type=hidden name=BEFORE_CLICK_MENU> <!-- MAIN START -->
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD width=15></TD>
<TD vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD height=20></TD></TR>
<TR>
<TD bgColor=#ffffff>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR height=22>
<TD width=95><img onclick="javascript:clickMenuOpen(this,'01');" height=22 src="" border=0 name=btn_tab_policy01 /> </TD>
<TD width=1></TD>
<TD width=95><img onclick="javascript:clickMenuOpen(this,'02');" height=22 src="" border=0 name=btn_tab_policy02 /> </TD>
<TD width=1></TD>
<TD> </TD>
<TD colSpan=3> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><!-- Tap Menu END --><!-- tab page info -->