묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
레이어 사용한 하위메뉴 나타나기....-_-;;
2002.04.06 01:20
안녕하세요... 1시가 넘어가는군요.. 낼 출근해야하는뎅..
여태 혼자 이리저리 끙끙대다가.. 도움을 청하려구요...
게시판 검색도 해봤지만... 딱 이거다 라는 답변이 안보여서..
도움 요청하니까.. 꼭 좀 부탁 드립니다..
다름이 아니라요... 레이어 사용해서 마우스대면 하위메뉴나오게 하는거 있잖아요..
그런효과 적용한 사이트 "소스보기"를 해서 저두 분명 똑같이 했는데...
왜 전 안되는지 모르겠어요... 눈 부릅뜨고.. 반복해서 살펴봐도..
이상하게.. 전 안되더라구요..
여기 제가 테스트하던 소스 올립니다..
아시는분 그냥 지나치지 마시구요.. 꼭 좀 부탁드릴께요..
그럼...
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'+ '+ 'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; left:22px; top:59px; width:162px; height:20px; z-index:1; visibility: hidden">메뉴1
| 메뉴2 | 메뉴3</div>
<div id="Layer2" style="position:absolute; left:173px; top:63px; width:169px; height:19px; z-index:2; visibility: hidden">유용1
| 유용2 |유용3</div>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="javascript:;" onMouseOver="MM_showHideLayers('Layer1','','show','Layer2','','hide')"><img src="img/b_harksoo.gif" width="90" height="30" border="0"></a></td>
<td><img src="img/b_img_house.gif" width="90" height="30" onMouseDown="MM_showHideLayers('Layer1'+ ',''+ ','hide','Layer2','','show')"></td>
<td><img src="img/b_portfolio.gif" width="90" height="30"></td>
</tr>
</table>
</body>
</html>
여태 혼자 이리저리 끙끙대다가.. 도움을 청하려구요...
게시판 검색도 해봤지만... 딱 이거다 라는 답변이 안보여서..
도움 요청하니까.. 꼭 좀 부탁 드립니다..
다름이 아니라요... 레이어 사용해서 마우스대면 하위메뉴나오게 하는거 있잖아요..
그런효과 적용한 사이트 "소스보기"를 해서 저두 분명 똑같이 했는데...
왜 전 안되는지 모르겠어요... 눈 부릅뜨고.. 반복해서 살펴봐도..
이상하게.. 전 안되더라구요..
여기 제가 테스트하던 소스 올립니다..
아시는분 그냥 지나치지 마시구요.. 꼭 좀 부탁드릴께요..
그럼...
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'+ '+ 'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; left:22px; top:59px; width:162px; height:20px; z-index:1; visibility: hidden">메뉴1
| 메뉴2 | 메뉴3</div>
<div id="Layer2" style="position:absolute; left:173px; top:63px; width:169px; height:19px; z-index:2; visibility: hidden">유용1
| 유용2 |유용3</div>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="javascript:;" onMouseOver="MM_showHideLayers('Layer1','','show','Layer2','','hide')"><img src="img/b_harksoo.gif" width="90" height="30" border="0"></a></td>
<td><img src="img/b_img_house.gif" width="90" height="30" onMouseDown="MM_showHideLayers('Layer1'+ ',''+ ','hide','Layer2','','show')"></td>
<td><img src="img/b_portfolio.gif" width="90" height="30"></td>
</tr>
</table>
</body>
</html>
댓글 7
-
TryZ
2002.04.06 10:57
정 안 되시면 php 로 구현해 보세요. -
TryZ
2002.04.06 10:58
메뉴 1, 2, 3 이 있다고 가정하면, 메뉴 1을 눌렀을때는 파일이름.php?menu=1 이런식으로 링크를 시켜 놓는거죠... 2, 3도 마찬가지입니다. menu변수의 값만 바뀝니다. -
TryZ
2002.04.06 10:59
그리고 그 문서에서 $menu의 값이 1일때는 하위메뉴 1-1, 1-2, 1-3 을 출력하고 2일때는 역시 2-1, 2-2, 2-3 을 출력, 3도 마찬가지입니다. -
TryZ
2002.04.06 10:59
하위메뉴 들에는 각각 링크를 시켜주면 되겠고요. 프레임을 쓰시면 프레임 타겟을 설정해 주시면 됩니다. -
TryZ
2002.04.06 11:04
http://tryz.net/menutest/menu.php<-예제 페이지입니다.
메뉴 이름은 value.php 파일에서 변수값을 설정하고 menu.php 에서 include 시키면 됩니다.
http://tryz.net/menutest/menu.phps
http://tryz.net/menutest/value.phps
아래 두개는 소스입니다. -
김수혜
2002.04.07 09:33
TryZ님 답변 감사드립니다. ^^... 좋은 주말 보내세요.. -
{레쯔}
2002.04.23 12:31
제로보드 매뉴얼을 보시면서 차근차근 해보세요.. 매뉴얼보시면 간단한 자바스크립트로 이걸 구현해 두셨더군요.. 놀라웠심다..
http://nzeo.com/manual