좌측 트리메뉴를 상단메뉴와 연동하는 방법문의드려요 정보
좌측 트리메뉴를 상단메뉴와 연동하는 방법문의드려요관련링크
첨부파일
본문
3개의 그룹을 트리메뉴를 이용하여 좌측에 표시되게 하였습니다.
오웹스 님이 올려주신 메뉴스킨을 이용하여 만들었는데요...
문제는 상단 플래시 메뉴로도 해당 보드를 접속할 수 가 있거든요.
예를 들어 상단메뉴의 "방콕투어" 를 클릭해서 들어갔을때 좌측 트리메뉴의 방콕투어 부분이 펼쳐지게 할 수 있는 방법이 무엇일까요?
고수님들의 도움이 절실합니다...
트리메뉴 소스는 아래와 같습니다.
<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
color:#000000;
width:184px;
padding:2px;
text-align:left;
font-weight:bold;
border:0px solid #000000;
}
.submenu{
margin-bottom: 1em;
}
</style>
<script type="text/javascript">
var persistmenu="yes"
var persisttype="sitewide"
if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu")
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}
function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}
if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate
</script>
<table cellpadding=0 cellspacing=0 width="200">
<tr>
<td height='65' background="<?=$g4[path]?>/left_menu_img/top.jpg" align=center class=gr_sub style='padding-top:15px;'><font size='2' font color='#7280DE' ><b>태국 투어</b></font></td></tr>
<td background='<?=$g4[path]?>/left_menu_img/bg.gif'>
<div id="masterdiv">
<div class="menutitle" onclick="SwitchMenu('sub1')">
<img src='<?=$g4[path]?>/left_menu_img/on_ico.gif' width=20 height=12 border='0' align='absmiddle' style='margin-left:15px;'><font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>파타야투어</font></div>
<span class="submenu" id="sub1">
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=tour">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>하프&1일투어</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=tour2">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>관광지</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=show">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>쇼</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=spa">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>스파&마사지</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=de">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>디너</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=sport">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>레져&스포츠</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=night">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>나이트클럽</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub2')">
<img src='<?=$g4[path]?>/left_menu_img/on_ico.gif' width=20 height=12 border='0' align='absmiddle' style='margin-left:15px;'><font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>방콕투어</font></div>
<span class="submenu" id="sub2">
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=bk_tour">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>하프&1일투어</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=bk_tour2">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>관광지</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=bk_show">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>쇼</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=bk_spa">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>스파&마사지</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=bk_de">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>디너&크루즈</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=bk_sport">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>레져&스포츠</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="즈/gnuboard4/bbs/board.php?bo_table=pu_night">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>나이트클럽</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub3')">
<img src='<?=$g4[path]?>/left_menu_img/on_ico.gif' width=20 height=12 border='0' align='absmiddle' style='margin-left:15px;'><font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>푸켓투어</font></div>
<span class="submenu" id="sub3">
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=pu_tour">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>하프&1일투어</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=pu_tour2">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>관광지</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=pu_show">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>쇼</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=pu_spa">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>스파&마사지</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=pu_de">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>디너&크루즈</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=pu_sport">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>레져&스포츠</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
<img src="<?=$g4[path]?>/left_menu_img/ico_dot.gif" width=9 height=9 border='0' align='absmiddle' style='margin-left:25px;'>
<A HREF="/gnuboard4/bbs/board.php?bo_table=pu_night">
<font OnMouseOver=this.style.color='orange' OnMouseOut=this.style.color='#777777' size='2' font color='#777777'>나이트클럽</font></A><br>
<img src='<?=$g4[path]?>/left_menu_img/dot_line.gif' width=180 height=1 border='0' align='absmiddle' style='margin-left:10px;'><br>
</span>
<tr>
<td><img src='<?=$g4[path]?>/left_menu_img/bo.gif' width=200 height=4 border=0></td></tr>
</table>
댓글 전체