묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
펼침메뉴 자바스크립트 소스 수정에 관한 질문입니다.
2003.02.14 21:56
+ 메뉴1
- 소메뉴 1
- 소메뉴 2
- 소메뉴 3
+ 메뉴2
+ 메뉴3
위와 같은 식으로 메뉴1을 누르면 소메뉴가 펼쳐지는 메뉴를 사용하는데요.
소메뉴1을 클릭하여 이동하더라도
카테고리 메뉴1이 펼쳐진채로 그대로 있게 하는건 어떻게 하는건가요?
<script language="javascript">
<!--
var old_menu = '';
var old_cell = '';
function menuclick( submenu ,cellbar){
if( old_menu != submenu ) {
if( old_menu !='' ) {
old_menu.style.display = 'none';
old_cell.src= '/img/club_plus.gif';
}
submenu.style.display = 'block';
cellbar.src = '/img/club_minus.gif';
old_menu = submenu;
old_cell = cellbar;
} else {
submenu.style.display = 'none';
cellbar.src= '/img/club_plus.gif';
old_menu = '';
old_cell = '';
}
}
//-->
</script>
<tr>
<td tyle="CURSOR: hand" colspan="2" height="22"><img src="/img/menu_p01.gif" width="178" height="25" border="0" vspace="3"></td>
</tr>
<tr>
<td style="CURSOR: hand" height="23" onClick="menuclick(submenu1,bar1)"> <span class="text"><img name=bar1 src="/img/club_plus.gif" width="11" height="11"> <b><font color="#000000">메뉴1</font></b></span></td>
</tr>
<tr>
<td valign="top" align="center"><span id=submenu1 style="DISPLAY: none; MARGIN-LEFT: 0px; CURSOR: hand">
<table width="170" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" colspan=2><img src="/img/line_dotv.gif" width="160" height="2"></td>
</tr>
<tr>
<td width="25" align="center" height="21"><img name=bar1_1 src="/img/bttn_blue01.gif" width="5" height="5" vspace="6"></td>
<td width="145" valign="baseline" height="21" class="text"><font color="#000000"><a href="test.htm" target="_top">소메뉴 1</a></font></td>
</tr>
<tr>
<td width="25" align="center" height="21"><img name=bar1_1 src="/img/bttn_blue01.gif" width="5" height="5" vspace="6"></td>
<td width="145" valign="baseline" height="21" class="text"><font color="#000000"><a href="/board/?table=t000002&what=./list.php" target="_top">소메뉴 2</a></font></td>
</tr>
.
.
.
소스가 위와 같다면, 메뉴를 이동한후에도 해당카테고리가 열려있게 하고싶습니다.
아시는 분 가르쳐주세요^^
- 소메뉴 1
- 소메뉴 2
- 소메뉴 3
+ 메뉴2
+ 메뉴3
위와 같은 식으로 메뉴1을 누르면 소메뉴가 펼쳐지는 메뉴를 사용하는데요.
소메뉴1을 클릭하여 이동하더라도
카테고리 메뉴1이 펼쳐진채로 그대로 있게 하는건 어떻게 하는건가요?
<script language="javascript">
<!--
var old_menu = '';
var old_cell = '';
function menuclick( submenu ,cellbar){
if( old_menu != submenu ) {
if( old_menu !='' ) {
old_menu.style.display = 'none';
old_cell.src= '/img/club_plus.gif';
}
submenu.style.display = 'block';
cellbar.src = '/img/club_minus.gif';
old_menu = submenu;
old_cell = cellbar;
} else {
submenu.style.display = 'none';
cellbar.src= '/img/club_plus.gif';
old_menu = '';
old_cell = '';
}
}
//-->
</script>
<tr>
<td tyle="CURSOR: hand" colspan="2" height="22"><img src="/img/menu_p01.gif" width="178" height="25" border="0" vspace="3"></td>
</tr>
<tr>
<td style="CURSOR: hand" height="23" onClick="menuclick(submenu1,bar1)"> <span class="text"><img name=bar1 src="/img/club_plus.gif" width="11" height="11"> <b><font color="#000000">메뉴1</font></b></span></td>
</tr>
<tr>
<td valign="top" align="center"><span id=submenu1 style="DISPLAY: none; MARGIN-LEFT: 0px; CURSOR: hand">
<table width="170" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" colspan=2><img src="/img/line_dotv.gif" width="160" height="2"></td>
</tr>
<tr>
<td width="25" align="center" height="21"><img name=bar1_1 src="/img/bttn_blue01.gif" width="5" height="5" vspace="6"></td>
<td width="145" valign="baseline" height="21" class="text"><font color="#000000"><a href="test.htm" target="_top">소메뉴 1</a></font></td>
</tr>
<tr>
<td width="25" align="center" height="21"><img name=bar1_1 src="/img/bttn_blue01.gif" width="5" height="5" vspace="6"></td>
<td width="145" valign="baseline" height="21" class="text"><font color="#000000"><a href="/board/?table=t000002&what=./list.php" target="_top">소메뉴 2</a></font></td>
</tr>
.
.
.
소스가 위와 같다면, 메뉴를 이동한후에도 해당카테고리가 열려있게 하고싶습니다.
아시는 분 가르쳐주세요^^
댓글 2
-
TheMics
2003.02.14 22:00
소스가 부족하네요...전체 소스에서 보면 div택이 잇을겁니다. 해당 메뉴 레이어의 스타일을 보면 visibility:hidden이라는 항목이 있을겁니다. 그것을 지우거나 visibility:visible로 고쳐주시면 그 메뉴가 펼쳐진 채로 시작됩니다. -
난이
2003.02.15 01:13
위의 소스는 수정했습니다. 그런데
div 대신 span이 있는데요. 그안에 none를 block로 바꿨더니....
펼쳐진채로 남는건 성공했습니다.
문제는 제대로 펼침메뉴가 말을 안들어요...
한번클릭하면 안되고 두번클릭했을때부터 제대로 되네요...
그부분은 어떻게 해결할까요??
http://www.delo.co.kr
이곳처럼 하고싶은데,,,,
어쩌면 저 소스를 수정하는게 아니라, 프레임적인 문제일수도 있을거란 생각이 들어요.
혹시 아시는 분은 답변바랍니다.