/*
* Filename : Xtab_menu.js
* Class :
* Comment : 상세페이지 Tab형태 스마트레이어 구성
* History : 2006/06/07, 홍 식(indigo), Created
: 2006/06/07, 홍 식(indigo), Updated(공통함수화)
* @version : 1.0
* @author : Copyright (c) 2006 by m2mGlobal Corp. All Rights Reserved.
*/
//규칙::::
//XTabPage 를 사용하려면 먼저 stlye을 설정해야함.
//4개의 클래스준비..(임시 test_indigo로 하였음..)
// .test_indigo_[헤드]_nCell : 탭 나머지 빈공간 스타일
// .test_indigo_[헤드]_Content1 : 매인 테이블 셀 스타일(td)
// .test_indigo_[헤드]_Content2 : 매인 테이블 셀 안쪽 스타일(td 안에 div)
// .test_indigo_[헤드]_Cell : 안골라진 탭
// .test_indigo_[헤드]_sCell : 골라진 탭 스타일
// 여기서 [헤드]는 원하는 같은 이름으로 한다.(빈공간으로 넣어도 됨.)
// 초기설정은
// test_tab=new obxTabPage(가로길이,세로길이,'[헤드]');
// 가로길이와 세로길이는 꼭 픽셀단위로 표현해야함.
// %로 할 경우 따옴표로 묶어줘야 함 "100%","100%"처럼..
// 추가 페이지를 만들때는
// test_tab.addStart("페이지 아이디","탭에표시 될 텍스트" [,인덱스]);
// 페이지 내용
// test_tab.addEnd();
// 이런식으로 구성. 페이지 아이디는 중복되지않는 값으로 넣는다.
// 또 인덱스는 탭의 위치를 지정해주는건데 안해줘도 되고
// 기본은 왼쪽부터 쌓이는것임
function XTabPage(sizex , sizey, cssHead){
if(!cssHead) this.cssHead='';
else this.cssHead=cssHead;
document.write(
''
);
this.height=sizey;
this.width=sizex;
//document.write(
// ''
//);
//this.height=500;
//this.width=500;
var tables=document.getElementsByTagName("table");
this.table=tables[tables.length-1];
this.titleRow=this.table.rows[0];
this.nullCell = this.titleRow.cells[0];
this.contentRow = this.table.rows[1];
this.contentCell = this.contentRow.cells[0];
this.item= new Object();
this.length=0;
var re=new RegExp("\\bobxtp=(\\w+)\\b",'i');
if(location.search.match(re)) this.defaultView = RegExp.$1;
this.addStart= function (id,title,idx,action) {
var iIndex=(idx) ? idx-1 : this.length;
this.item[id] = this.titleRow.insertCell(iIndex);
this.item[id].className='TEST_'+this.cssHead+'_CELL';
this.item[id].parentObject=this;
this.item[id].onclick=Function("this.parentObject.show('"+id+"');");
if(action) this.item[id].action = action;
this.item[id].height=25;
this.item[id].innerHTML=title;
document.write('');
var divs=document.getElementsByTagName("div");
this.item[id].content = divs[divs.length-1];
this.item[id].content.className='TEST_'+this.cssHead+'_CONTENT2';
this.DrawingID=id;
this.length++;
this.contentCell.colSpan=this.length+1;
}
this.addEnd = function () {
document.write("
");
this.contentCell.appendChild(this.item[this.DrawingID].content);
if(!this.LastShownItemID) this.show(this.DrawingID,1);
else if(this.defaultView==this.DrawingID) this.show(this.defaultView,1);
}
this.show = function (id,runtime){
if (this.LastShownItemID) this.hide(this.LastShownItemID);
this.LastShownItemID = id;
this.item[id].className='TEST_'+this.cssHead+'_SCELL';
this.item[id].content.style.display='';
if(this.item[id].action) {
try{eval(this.item[id].action);}catch(e){}}
}
this.hide = function (id){
this.item[id].className='TEST_'+this.cssHead+'_CELL';;
this.item[id].content.style.display="none";
}
}