묻고답하기
트리구조형메뉴박스
2004.10.11 17:55
http://hyojin0182.hihome.com/homepy/menu/038/038.htmlhttp://hyojin0182.hihome.com/homepy/menu/038/038.htm
트리구조형 메뉴박스인데요..
조기 소스나온데로 하니까 스크립오류만뜨고 답답해서요...
아시는분 답변부탁드립니다.;;요것땜에 하루종일.;;ㅠㅠ
꼭 쓰고싶습니다..
트리구조형 메뉴박스인데요..
조기 소스나온데로 하니까 스크립오류만뜨고 답답해서요...
아시는분 답변부탁드립니다.;;요것땜에 하루종일.;;ㅠㅠ
꼭 쓰고싶습니다..
댓글 4
-
드림팀
2004.10.11 18:15
038.js 파일이 있어야 제대로 작동합니다. -
김윤병
2004.10.11 18:43
그런파일은 어디에서??...ㅠㅠ -
Simsim
2004.10.11 18:47
<script language="JavaScript" src="038.js"></script>
소스내에..
어디서 퍼오셨는지 알면 찾아드릴텐데. -
Simsim
2004.10.11 18:47
가 아니라.. 이거네요.. -,-
var height = 200; //메뉴상자의 높이
var vwidth = 150; // 메뉴상자의 가로크기
var speed = 0;
var step =2;
var hheight = 20; // 메인메뉴 항목의 높이
var iheight = 15; // 각 부항목의 높이
var bgc = "lightyellow" // 배경색상
var tc = "black" // 글자색상
var over_bgc = "lightgreen"; // 마우스 오버시 부메뉴의 배경색상
var over_tc = "red"; // 마우스 오버시 부메뉴의 글자색상
var open = -1;
var N = (document.all) ? 0 : 1;
var Link_count = 0;
var ntop = 0;
var items = false
var z = 0;
var hnr = 1;
var timerID = null;
var link_array = new Array();
function write_menu()
{
document.write("<div id=main_panel style='height:")
if (N) document.write(height);
else document.write(height-2);
document.write(";width:");
if (N) document.write(vwidth)
else document.write(vwidth-2)
document.write("'>");
cl =0;
for(i=0;i<Link.length;i++)
{
la = Link[i].split("|");
if(la[0] == "0")
{
if (items == true) {document.write("</div>");items = false;}
document.write("<div class='head_item' id='move"+cl+"' style='padding:3px;height:"+hheight+";width:"+vwidth+";top:"+(ntop-1)+";z-index:"+z+"' onclick='move("+cl+","+hnr+")'> "+la[1]+"</div>");
link_array[cl] = new Array("up",0,hnr);
cl++;hnr++;
ntop += hheight-1;
z++;
}
else
{
cheight = height - ntop + 1;
if (items == false) {document.write("<div class='item_panel' id='move"+cl+"' style='padding:3px;height:"+cheight+"px;width:"+vwidth+";top:")
if (N) document.write(ntop+2);
else document.write(ntop);
document.write(";z-index:"+z+"'>");
z++;
link_array[cl] = new Array("up",0,"");
cl++;
}
document.write("<a href='"+la[2]+"'");
if (la[3] != "") document.write(" target='" + la[3] + "' ");
document.write(" onmouseover=color('item"+i+"') onmouseout=uncolor('item"+i+"') ><div class='+ '+ 'item' id='item"+i+"' style='padding:2px;height:"+iheight+";width:"+vwidth+"'>"+la[1]+"</div></a>");
items = true;
}
}
document.write("</div>");
if (items == true) {document.write("</div>");}
}
function color(obj)
{
document.getElementById(obj).style.backgroundColor = over_bgc;
document.getElementById(obj).style.color = over_tc
return true;
}
function uncolor(obj)
{
document.getElementById(obj).style.backgroundColor = bgc;
document.getElementById(obj).style.color = tc;
}
function move(idnr,hid)
{
if ((idnr != open)&& (timerID == null))
{
if(link_array[idnr][0] == "up")
{
down = height - (hid * hheight) - ((hnr -(hid+1))* hheight) + 2;
if(N) down+=2;
dmover(idnr+2,down);
}
else
{
up = height - ((hid -1) * hheight) -((hnr - (hid))* hheight) +2;
if(N) up+=2;
umover(idnr,up);
}
open = idnr;
}
}
function dmover(idnr,down)
{
for (i=idnr;i<link_array.length;i++)
{
if(link_array[i][0] == "up")
{
txt_obj = "move" + i
document.getElementById(txt_obj).style.top = parseInt(document.getElementById(txt_obj).style.top) + step;
}
}
down-= step;
if(down > 0)timerID = setTimeout("dmover("+idnr+","+down+")",speed);
else
{
for (i=idnr;i<link_array.length;i++) {link_array[i][0] = "down";}
timerID = null;
}
}
function umover(idnr,up)
{
for (i=0;i<(idnr+2);i++)
{
if(link_array[i][0] == "down")
{
txt_obj = "move" + i
document.getElementById(txt_obj).style.top = parseInt(document.getElementById(txt_obj).style.top) - step;
}
}
up-=step;
if(up > 0)timerID = setTimeout("umover("+idnr+","+up+")",speed);
else
{
for (i=0;i<(idnr+2);i++) {link_array[i][0] = "up";}
timerID = null;
}
}
function start(idnr)
{
write_menu();
for(i=0;i<link_array.length;i++)
{
if (link_array[i][2] == idnr)
{
pull = i;
i = link_array.length;
}
move(pull,idnr);
}
}