묻고답하기
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
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
김심술 | XE 모듈 중.. 타임라인 모듈을 설치한 후 부터, HTTP 500 애러가 납니다. [2] | 2020.08.16 by 천재 |
ahhas**** | HTTP ERROR 500 [3] | 2020.09.14 by Luatic™ |
걱정이야 | 홈페이지 이전후 오류가 발생합니다 [1] | 2020.10.27 by sejin7940 |
최갑균 | 글 작성시 태그를 쓰면 글이 등록이 안됩니다. | |
녹용껌 | 외부페이지 include 문제 [1] | 2021.02.23 by 오뎅궁물 |
깜주 | xe코어 1.11.6 설치시 apm 버전 도움요청합니다. | |
on | 관리자 계정 로그인 오류 [1] | 2021.09.13 by sejin7940 |
stopseok | 게시판 첨부파일 버튼을 사용할수가 없습니다 [4] | 2021.10.05 by myjin |
himan | board dx http 500문제 [1] | 2022.01.24 by sejin7940 |
배정현 | 코어 업데이트 이후에 HTTP ERROR 500 | |
sa****1876f | 호스팅 이전 후 세팅했는데 에러라고.. [1] | 2022.12.21 by GX디자인 |
roks821 | 전문가의 긴급 도움을 요청합니다. 레이아웃. 위젯. bodex 게시판 [1] | 2023.03.17 by roks821 |
t**** | 관리자페이지 에러 [4] | 2023.12.20 by t**** |