묻고답하기

  2. Support
  3. 묻고답하기

접힘메뉴 소스입니다. 문제 좀 해결해주세여.

2004.08.15 01:21

초짜

안녕하세여.
웹프로그래밍을 아직 잘 모르는 초보입니다.
이번에 정리할게 좀 있어서 나모웹에디터의 스크립트 마법사를 이용하여 접힘메뉴를 구성하려고 하거든여...
마우스로 누르면 하위메뉴가 나오고 다시 누르면 접히는 그런 메뉴입니다.
그런데 이 메뉴의 추가가 200개 정도에서 더이상 추가가 되지를 않는군여.
스크립트 소스중에서 무언가 바꾸어서 일반 메모장 같은데서 메뉴를 추가해야 할거 같은데...  초보인 제가 보기엔 아무것도 모르겠네여...
해결 방법을 아시는 분, 꼭 좀 알려주세요... 부탁드립니다...
아래 소스가 접힘메뉴 소스입니다. 꼭 부탁드립니다...




<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="">
<script language="JavaScript">
<!--
function namosw_list(parent, visible, width, height, font, size, fgColor, bgColor, indent, hbgColor, hfgColor) {
  this.additem = namosw_l_additem;
  this.addlist = namosw_l_addlist;
  this.make    = namosw_l_make;
  this.write   = namosw_l_write;
  this.show    = namosw_l_show;
  this.update  = namosw_l_update;
  this.updateparent = namosw_l_updateparent;
  this.items = new Array();
  this.id = document.namosw_lists.length;
  this.parent_id = 0;
  this.x = 0;
  this.y = 0;
  this.visible = visible;
  this.width    = width;
  this.height   = height;
  this.parent   = parent;
  this.indent = indent;
  this.fgColor = fgColor;
  this.hfgColor = hfgColor;
  this.bgColor  = bgColor;
  this.hbgColor = hbgColor;

  this.font_start = '';
  this.font_end   = '';

  this.font_start = '<font color=' + fgColor;
  if (font != '') this.font_start += ' face="' + font + '"';
  if (size != '' && size.indexOf('pt', 0) == -1) this.font_start += ' size=' + size;
  this.font_start += '>';

  this.font_start += '<span';
  if (size.indexOf('pt', 0) != -1)
    this.font_start += ' style="font-size:'+ '+ ' +size+ ';"';
  this.font_start += '>';

  this.font_end  = '</span>';
  this.font_end += '</font>';

  this.made     = false;
  this.shown    = false;
  document.namosw_lists[document.namosw_lists.length] = this;
}

function namosw_l_setclip(layer, left, right, top, bottom) {
  var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
  var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;

  if (is_ns4) {
    layer.clip.left   = left;
    layer.clip.right  = right;
    layer.clip.top    = top;  
    layer.clip.bottom = bottom;
  } else if (is_ns6) {
    layer.style.width  = right-left;
    layer.style.height = bottom-top;
    layer.style.clip  = "rect(" + top + "," + right + "," + bottom + "," + left + ")";
  } else {    
    layer.style.pixelWidth  = right-left;
    layer.style.pixelHeight = bottom-top;
    layer.style.clip  = "rect(" + top + "," + right + "," + bottom + "," + left + ")";
  }
}

function namosw_l_write() {
  var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
  var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;

  var layer, clip, str;
  for(var i = 0; i < this.items.length; i++) {
    layer = this.items[i];
    if (is_ns4)
      layer.visibility = "hidden";
    else
      layer.style.visibility = "hidden";
    str = "";

    str += "<table width="+this.width+" nowrap border='0' cellpadding='0' cellspacing='0'><tr>";
    if (0 < this.indent) str += "<td width="+this.indent+" nowrap> </td>";
    if (layer.type == 'list') {
      str += "<td width=15  valign='middle'+ ' nowrap><a";
      if (is_ns4) str += " href="javascript:void(0);"";
      else        str += " style="cursor:hand;"";
      str += " onclick="namosw_l_expand("+layer.list.id+");"><img src="collapsed.gif" name="_img"+layer.list.id+"" border='0'></a></td>";
    } else {
      str += "<td width=15 nowrap> </td>";
    }
    str += "<td height="+(this.height-3)+" width="+(this.width-15-this.indent)+" valign='middle' align='left'>";

    if (layer.url)       str += "<a href="" + layer.url + "" target="" + layer.frame + "" style="text-decoration:none;">";
    if (this.font_start) str += this.font_start;
    str += layer.text;
    if (this.font_end) str += this.font_end;
    if (layer.url)       str += "</a>";
    str += "</td></table>";

    str = str.replace("span", "span id='namoswlistspan" + layer.lid + "'");

    if (is_ns4) {
      layer.document.writeln(str);
      layer.document.close();
    } else if (is_ns6) {
      layer.innerHTML = str;
      layer.span = document.getElementById('namoswlistspan'+layer.lid);
    } else {
      layer.innerHTML = str;
      layer.span = document.all['namoswlistspan'+layer.lid];
    }
    if (layer.type == 'list' && layer.list.visible)
      this.items[i].list.write();
  }
  this.made = true;
}

function namosw_l_show() {
  var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
  var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;

  var layer;
  for(var i = 0; i < this.items.length; i++) {
    layer = this.items[i];
    namosw_l_setclip(layer, 0, this.width, 0, this.height-1);
    if (is_ns4) {
      if (layer.oBgColor) layer.document.bgColor = layer.oBgColor;
      else layer.document.bgColor = this.bgColor;
    } else {
      if (layer.oBgColor) layer.style.backgroundColor = layer.oBgColor;
      else layer.style.backgroundColor = this.bgColor;
    }
    if (layer.type == 'list' && layer.list.visible)
      layer.list.show();
  }
  this.shown = true;
}

function namosw_l_update(parent_visible, x, y) {
  var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
  var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;

  var top = y, layer, list;
  for(var i = 0; i < this.items.length; i++) {
    layer = this.items[i];
    list  = layer.list;
    if (this.visible && parent_visible) {
      if (is_ns4) {
        layer.visibility = "visible";
        layer.top = top;
        layer.left = x;
      } else if (is_ns6) {
        layer.style.visibility = "visible";
        layer.style.top   = top;
        layer.style.left  = x;        
      } else {
        layer.style.visibility = "visible";
        layer.style.pixelTop   = top;
        layer.style.pixelLeft  = x;        
//        if (layer.url) layer.style.cursor = "hand";
      }
      top += this.height;
    } else {
      if (is_ns4)      layer.visibility = "hidden";
      else if (is_ns6) layer.style.visibility = "hidden";
      else             layer.style.visibility = "hidden";
    }
    if (layer.type == 'list') {
      if (list.visible) {
        if (!list.made)  list.write();
        if (!list.shown) list.show();
        if (is_ns4) layer.document.images[0].src = "collapsed.gif";
        else eval('document.images._img'+list.id+'.src = "collapsed.gif"');
      } else {
        if (is_ns4) layer.document.images[0].src = "expanded.gif";
        else eval('document.images._img'+list.id+'.src = "expanded.gif"');
      }
      if (list.made)
        top = list.update(this.visible && parent_visible, x, top);
    }
  }
  return top;
}

function namosw_l_updateparent(parent_id) {
  this.parent_id = parent_id;
  for(var i = 0; i < this.items.length; i++)
    if (this.items[i].type == 'list')
      this.items[i].list.updateparent(parent_id);
}

function namosw_l_expand(i) {
  document.namosw_lists[i].visible = !document.namosw_lists[i].visible;
  list = document.namosw_lists[document.namosw_lists[i].parent_id];
  list.update(true, list.x, list.y);
}

function namosw_l_make(x, y) {
  this.updateparent(this.id);
  this.write();
  this.show();
  this.update(true, x, y);
  this.x = x;
  this.y = y;
}

function namosw_l_additem(text, url, frame) {
  var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
  var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;

  var layer = null;
  if (is_ns4 && this.parent)
    layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
  else if (is_ns6)
    layer = document.getElementById("namoswlistitem" + document.namosw_lists.lid);
  else
    layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);

  if (layer == null && is_ns4)
    layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);

  if (layer == null) return;

  if (url)   layer.url   = url;
  if (frame) {
    if (frame.indexOf('parent.') != 0)
      layer.frame = "_" + frame;
    else
      layer.frame = frame.substring(7, frame.length);
  }
  else //if frame is ""
    layer.frame = "_self";

  layer.type = 'item';
  layer.text = text;
  layer.lid  = document.namosw_lists.lid;
  this.items[this.items.length] = layer;
  layer.hbgColor = this.hbgColor;
  layer.oBgColor = this.bgColor;
  layer.fgColor = this.fgColor;
  layer.hfgColor = this.hfgColor;
  if (layer.captureEvents)
    layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
  layer.onmouseover = namosw_l_onmouseover;
  layer.onmouseout  = namosw_l_onmouseout;
//  layer.onmouseup   = namosw_l_onmouseup;
  document.namosw_lists.lid++;
}

function namosw_l_addlist(list, text, url, frame) {
  var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
  var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;

  var layer = null;

  if (is_ns4 && this.parent)
    layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
  else if (is_ns6)
    layer = document.getElementById("namoswlistitem" + document.namosw_lists.lid);
  else
    layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);
  if (layer == null && is_ns4)
      layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);

  if (layer == null) return;

  if (url)   layer.url   = url;
  if (frame) {
    if (frame.indexOf('parent.') != 0)
      layer.frame = "_" + frame;
    else
      layer.frame = frame.substring(7, frame.length);
  }
  else
    layer.frame = "_self";
  layer.list = list;
  layer.type = 'list';
  layer.text = text;
  layer.lid  = document.namosw_lists.lid;
  this.items[this.items.length] = layer;
  list.parent = this;
  layer.hbgColor = this.hbgColor;
  layer.oBgColor = this.bgColor;
  layer.fgColor = this.fgColor;
  layer.hfgColor = this.hfgColor;
  if (layer.captureEvents)
    layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
  layer.onmouseover = namosw_l_onmouseover;
  layer.onmouseout  = namosw_l_onmouseout;
//  layer.onmouseup   = namosw_l_onmouseup;
  document.namosw_lists.lid++;
}

function namosw_l_onmouseover()
{
  var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
  var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;

  if (is_ns4) {
    if (this.hbgColor)
      this.bgColor = this.hbgColor;
  } else {
    if (this.hbgColor) this.style.backgroundColor = this.hbgColor;
    if (this.hfgColor) this.span.style.color = this.hfgColor;
  }
  if (this.url) self.status = this.url;
}

function namosw_l_onmouseout()
{
  var is_ns4 = navigator.appName.indexOf('Netscape', 0) != -1 && !document.getElementById;
  var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;

  if (is_ns4) {
    this.bgColor = this.oBgColor;
  } else  {
    this.style.backgroundColor = this.oBgColor;
    this.span.style.color = this.fgColor;
  }
  if (this.url) self.status = '';
}

function namosw_l_onmouseup()
{
  if (this.url) {
    if (this.frame == 'blank') {
      window.open(this.url, 'win1');
    } else {
      var frame_obj;
      if ((frame_obj = eval(this.frame)) != null)
        frame_obj.location = this.url;
    }
  }
}

function namosw_init_list(top_layer)
{
  if (parseInt(navigator.appVersion) < 4)
    return;
  if (top_layer == '')
    return;

  document.namosw_lists     = new Array();
  document.namosw_lists.lid = 0;

  var is_ns4 = navigator.appName.indexOf('+ 'Netscape', 0) != -1 && !document.getElementById;
  var is_ns6 = navigator.appName.indexOf('Netscape', 0) != -1 && document.getElementById;

  var layer;
  if (is_ns4)      layer = document.layers[top_layer];  
  else if (is_ns6) layer = document.getElementById(top_layer);
  else             layer = document.all[top_layer];


  var string = "";
  for (i = 0; i < 13; i++) {
    string = string + "<div id='namoswlistitem" + (document.namosw_lists.lid+i) + "' " +
                      "style='position: absolute;'></div>";
  }
  layer.innerHTML += string;

  l1 = new namosw_list(layer, true, 200, 22, 'Arial', '1', 'black', 'gray', 0);
    l2 = new namosw_list(layer, false, 200, 17, 'Arial', '1', 'black', 'silver'+ ', 0, 'white');
    l2.additem('aa', '', 'self');
    l2.additem('aaa', '', 'self');
    l2.additem('+ 'aaaa', '', 'self');
  l1.addlist(l2, 'a', '', 'self');
    l3 = new namosw_list(layer, false, 200, 17, 'Arial', '1', 'black', 'silver', 0, 'white');
    l3.additem('bb', '', 'self');
    l3.additem('bbb', '', 'self');
    l3.additem('bbbb', '', 'self');
  l1.addlist(l3, 'b', '', 'self');
    l4 = new namosw_list(layer, false, 200, 17, 'Arial', '1', 'black', 'silver', 0, 'white');
    l4.additem('cc', '', 'self');
    l4.additem('+ 'ccc', '', 'self');
    l4.additem('cccc', '', 'self');
  l1.addlist(l4, 'c', '', 'self');

  l1.make(0, 14);
}

function namosw_ns_resize()
{
  window.history.go(0);
}

// -->
</script>
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="namosw_init_list('layer1');" OnResize="namosw_ns_resize();">
<div id="layer1" style="width:200px; height:200px; position:absolute; left:10px; top:52px; z-index:1;">
    <p> </p>
</div>
<p> </p>
</body>

</html>
이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
슈바 [급해요] 테이블에서 고정된 양쪽 셀이 자꾸 늘어나요. [1] 2007.08.10
無題 이런건 어떻게 링크 거나요? ;;;;  
Game_I 테이블을 크기를 늘려도 중앙에 오게 하고 싶습니다 [2] 2007.08.10
이한승 리사이즈 하는 방법 좀 알려 주세요.  
엄태웅 고수님들 도와주세요~~ ^^;;;;  
바다와 괜찮은 ddns 서비스 좀 추천해주세요. [3] 2007.08.10
Aniori 메뉴 클릭하면 프레임 2곳이 바뀌게 하는법 질문~ (슬라이딩메뉴에서)  
다찌 한번클릭->두개 프레임 동시 이동소스가 안 됩니다[제발알려주세요!!]  
박재훈 링크를 표안으로... [1] 2007.08.10
흑풍회주 UTF-8 데이터를 php를 이용해서 mysql에 저장하는 방법?  
김지현 일러스트 파일 버전 질문입니다.. [1] 2007.08.10
최환웅 쉘로 텔넷 로그인 하는 방법좀..  
안대민 텍스트를 롤오버 시키고 싶어요. [1] 2007.08.10
someday html소스와 관련된 질문이요... [1] 2007.08.10
제리클 좀 어이없는 질문이지만 -_- 가상 pc에.... [1] 2007.08.10
춉 테이블 안에 게시판 나오게 하려면 어떻게 해야 되죠? [3] 2007.08.10
zh i have a question~ [2] 2007.08.10
최민석 MySQL에서 복구가 안됩니다. [1] 2007.08.10
이동환 <hr>로 선을 그은다음 왼쪽 정렬후 여백을 줄수 있나요? [5] 2007.08.10
초짜 접힘메뉴 소스입니다. 문제 좀 해결해주세여.  
이준한 MSSQL정확한 쿼리문인지좀봐주세욤. ^^ [1] 2007.08.10
김민규 정규표현식에 대한 질문이요 [1] 2007.08.10
고종건 이렇게 신청서 양식 만든다음 보내는거 어떻게 하나요?  
터티 레이어 고정에 대한 질문.  
박재중 드림위버에서 자체적으로 제공 해주는 플래시 버튼에 링크 거는법좀 [3] 2007.08.10
떼수 홈페이지에 테이블을 넣었는데 빈 공간이 자꾸 생겨요.. [1] 2007.08.10
박정호 PDF 파일 질문이요 -ㅁ-/ [1] 2007.08.10
Maya-* 타이틀고정에 관한 질문좀여.. [2] 2007.08.10
유세하 새창띄우기가 안됩니다.  
TAB 추천 소스에 대한 질문입니다.  
태그 쓰기