여기서 다운받은 트리구조 자바스크립트 입니다. asp DB와 연동해서 내용들을 넣는중인데요,, 질문두가지가 있습니다.
첫째, 이 소스에 모두열기, 모두닫기 버튼을 넣어서 실행하려고 하는데요,, 어디에 어떻게 넣어줘야하나요?
둘째, 처음 페이지를 열면 모든 탐색기가 닫혀있는데요,, 해당 코드번호(.asp?mem_code=111)로 링크걸려서 들어가면 자동으로 그 부분이 열리게 하는건 어떻게 하나요?
어찌해서 트리부분에 내용을 넣긴 했는데 자바스크립트 부분은 하나도 모르겠습니다.
<link href="../include/style.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
<!--
function tree(tm0,tm1) {
this.tm2 = tm1;
this.tm3 = tm0;
this.tm4 = this;
this.tm5 = [];
this.tm6 = null;
this.tm7 = -1;
var tm8 = new Image();
var tm9 = new Image();
tm8.src = tm1['icon_e'];
tm9.src = tm1['icon_l'];
tm1['im_e'] = tm8;
tm1['im_l'] = tm9;
for(var i=0; i<64; i++) {
if(tm1['icon_'+i]) {
var tmA = new Image();
tm1['im_'+i] = tmA;
tmA.src = tm1['icon_'+i];
}
}
this.tmB = function(tmC) {
var tmD = this.tm5[tmC];tmD.tmE(tmD.tmF);
}
this.tmG = function(tmC) {
return this.tm5[tmC].tmG();
}
this.tmH = function(tmC) {
this.tm5[tmC].tmI(true);
}
this.tmJ = function(tmC) {
this.tm5[tmC].tmI();
}
this.tmK = [];
for(var i=0; i<tm0.length; i++) {
new tmL(this,i);
}
this.tmC = trees.length;
trees[this.tmC] = this;
for(var i=0;i<this.tmK.length;i++) {
document.write(this.tmK[i].tmM());
this.tmK[i].tmE();
}
}
function tmL(tmN,tmO){
this.tm7 = tmN.tm7+1;
this.tm3 = tmN.tm3[tmO+(this.tm7?2:0)];
if(!this.tm3) {
return;
}
this.tm4 = tmN.tm4;
this.tmN = tmN;
this.tmO = tmO;
this.tmF = !this.tm7;
this.tmC = this.tm4.tm5.length;
this.tm4.tm5[this.tmC] = this;
tmN.tmK[tmO] = this;
this.tmK = [];
for(var i=0; i<this.tm3.length-2; i++) {
new tmL(this,i);
}
this.tmP = tmQ;
this.tmE = tmR;
this.tmG = tmS;
this.tmM = tmT;
this.tmI = tmU;
this.tmV = function() {
return this.tmO == this.tmN.tmK.length-1;
}
}
function tmR(tmW) {
var tmX = tmY('i_div'+this.tm4.tmC+'_'+this.tmC);
if(!tmX) {
return;
}
if(!tmX.innerHTML) {
var tmK = [];
for(var i=0; i<this.tmK.length; i++) {
tmK[i] = this.tmK[i].tmM();
}
tmX.innerHTML = tmK.join('');
}
tmX.style.display = (tmW?'none':'block');
this.tmF = !tmW;
var tmZ = document.images['j_img'+this.tm4.tmC+'_'+this.tmC];
var tma = document.images['i_img'+this.tm4.tmC+'_'+this.tmC];
if(tmZ) {
tmZ.src = this.tmP(true);
}
if(tma) {
tma.src = this.tmP();
}
this.tmI();
}
function tmS(tmb) {
if(!tmb) {
var tmc = this.tm4.tm6;
this.tm4.tm6 = this;
if(tmc) {
tmc.tmG(true);
}
}
var tma = document.images['i_img'+this.tm4.tmC+'_'+this.tmC];
if(tma) {
tma.src = this.tmP();
}
tmY('i_txt'+this.tm4.tmC+'_'+this.tmC).style.fontWeight = tmb?'normal':'bold';
this.tmI();
return Boolean(this.tm3[1]);
}
function tmU(tmd){
window.setTimeout('window.status="'+(tmd?'':this.tm3[0]+(this.tm3[1]?' ('+this.tm3[1]+')':''))+'"',10);
}
function tmT() {
var tme = [];
var tmf = this.tmN;
for(var i=this.tm7; i>1; i--) {
tme[i] = '<img src="'+this.tm4.tm2[tmf.tmV()?'icon_e':'icon_l']+'" border="0" align="absbottom">';
tmf = tmf.tmN;
}
return '<table cellspacing="0" cellpadding="0" border="0"><tr><td nowrap>'+
(this.tm7?tme.join('')+(this.tmK.length?
'<a href="javascript: trees['+this.tm4.tmC+'].tmB('+this.tmC+')" onmouseover="trees['+this.tm4.tmC+'].tmJ('+this.tmC+')" onmouseout="trees['+this.tm4.tmC+'].tmH('+this.tmC+')">'+
'<img src="'+this.tmP(true)+'" border="0" align="absbottom" name="j_img'+this.tm4.tmC+'_'+this.tmC+'"></a>':
'<img src="'+this.tmP(true)+'" border="0" align="absbottom">'):'')+
'<a href="'+this.tm3[1]+'" target="'+this.tm4.tm2['target']+'" onclick="return trees['+this.tm4.tmC+'].tmG('+this.tmC+')" ondblclick="trees['+this.tm4.tmC+'].tmB('+this.tmC+')" onmouseover="trees['+this.tm4.tmC+'].tmJ('+this.tmC+')" onmouseout="trees['+this.tm4.tmC+'].tmH('+this.tmC+')" class="t'+this.tm4.tmC+'i" id="i_txt'+this.tm4.tmC+'_'+this.tmC+'">'+
'<img src="'+this.tmP()+'" border="0" align="absbottom" name="i_img'+this.tm4.tmC+'_'+this.tmC+'" class="t'+this.tm4.tmC+'im">'+this.tm3[0]+'</a>'+
'</td></tr></table>'+(this.tmK.length?'<div id="i_div'+this.tm4.tmC+'_'+this.tmC+'" style="display:none"></div>':'');
}
function tmQ(tmg) {
return this.tm4.tm2['icon_'+((this.tm7?0:32)+(this.tmK.length?16:0)+(this.tmK.length&&this.tmF?8:0)+(!tmg&&this.tm4.tm6==this?4:0)+(tmg?2:0)+(tmg&&this.tmV()?1:0))];
}
var trees=[];
tmY=document.all?function(tmh) {
return document.all[tmh];
}:
function(tmh) {
return document.getElementById(tmh);
}
// 메뉴 구성부분
// 메뉴구성 방법에서 주의할건 ,(콤마)를 찍는거만 주의하세요.. ^^
// [그룹메뉴 타이틀, 주소,
// [하위메뉴 타이틀 1, 주소],
// ['하위메뉴 타이틀 2', 주소],
// ],
// 주소에서 원하는 주소를 적으면 아래 아이콘 리스트에 지정된 타겟으로
// 페이지가 열리며 null을 적으면 어떤 페이지 이동도 일어나지 않습니다.
// 아.. null의 앞/뒤엔 '(홑따옴표)나 "(쌍따옴표)가 없어야 합니다.
var TREE_ITEMS = [
['박말삼', 'null',
<%
sql = "select mem_code, name from member where mem_code like '63%' order by mem_code asc"
Set Rs = Server.CreateObject("ADODB.Recordset")
Rs.Open SQL, conn, 3
while not Rs.EOF
%>
['<%=rs("name")%> [<%=w_name%>]', 'http://milyangpark.com/menu03/cy_mem_die.asp?mem_code=<%=rs("mem_code")%>',],
<%
Rs.MoveNext
wend
%>
]
];
var icon_imgpath = 'images/'; // 아이콘 이미지 경로
// 타겟과 아이콘 구성부분
// 각 라인에 적혀진 주석대로 이미지 경로를 적으면 됩니다..
// 아.. 영어 주석은.. 제가 어떤 부분에 해당되는 경로인지 못찾아서 원문 그대로 뒀습니다.. ;;
var tree_tpl = {
'target' : '_blank', // 타겟
'icon_e' : icon_imgpath+'empty.gif', // 빈 이미지
'icon_l' : icon_imgpath+'line.gif', // 메뉴를 펼쳤을시 바(bar/?;;) 이미지
'icon_32' : icon_imgpath+'base.gif', // root leaf icon normal
'icon_36' : icon_imgpath+'base.gif', // root leaf icon selected
'icon_48' : icon_imgpath+'base.gif', // root icon normal
'icon_52' : icon_imgpath+'base.gif', // 하위 메튜를 감췄을시 루트 아이콘 이미지
'icon_56' : icon_imgpath+'base.gif', // 페이지 로딩시 루트 아이콘 이미지
'icon_60' : icon_imgpath+'base.gif', // 루트 메뉴를 선택했을시 아이콘 이미지
'icon_16' : icon_imgpath+'folder.gif', // 그룹(폴더) 아이콘
'icon_20' : icon_imgpath+'folderopen.gif', // 그룹 메뉴를 선택했을시 아이콘 이미지
'icon_24' : icon_imgpath+'folderopen.gif', // 하위 메뉴를 선택했을시 그룹 아이콘 이미지
'icon_28' : icon_imgpath+'folderopen.gif', // 하위메뉴를 열어둔 상태로 그룹의 타이틀을 선택했을시 아미콘 이미지
'icon_0' : icon_imgpath+'page.gif', // 페이지 아이콘 이미지
'icon_4' : icon_imgpath+'page.gif', // 페이지를 선택했을시 아이콘 이미지
'icon_2' : icon_imgpath+'joinbottom.gif', // 점선 아이콘 이미지
'icon_3' : icon_imgpath+'join.gif', // 가장 마지막의 점선 아이콘 이미지
'icon_18' : icon_imgpath+'plusbottom.gif', // +아이콘 이미지
'icon_19' : icon_imgpath+'plus.gif', // 가장 마지막 그룹의 +아이콘 이미지
'icon_26' : icon_imgpath+'minusbottom.gif',// 하위 그룹을 열었을시 -아이콘 이미지
'icon_27' : icon_imgpath+'minus.gif' // 가장 마지막 하위그룹을 열였을시 -아이콘 이미지
};
//-->
</script>
<script language="JavaScript">
<!--
// 메뉴 구성 - 원하는 부분에 아래 코드를 붙임
// new tree(메뉴 리스트, 메뉴 아이콘 리스트);
new tree(TREE_ITEMS, tree_tpl);
//-->
</script>
357
4,990
2010-04-30 09:41:05
닉네임
