aside에 서브메뉴 보이기 (2017-09-05 01:58 수정)
그누보드5 > 환경설정 > 메뉴관리 에 등록한 정보를 이용해서 메뉴를 노출하는 방법입니다.
참고자료
https://sir.kr/g5_skin/7515
https://sir.kr/qa/185183
서브메뉴를 노출시킬 위치에 아래 내용을 추가합니다.
<script type="text/javascript">
function display_submenu(num) {
document.getElementById("mysub"+num).style.display="block";
}
</script>
<style TYPE="text/css">
#mysubmenu {margin:0px 0 0 0;}
#mysubmenu ul {list-style:none; margin:0; padding:0;}
#mysubmenu li { margin: 0; list-style: none;}
#mysubmenu .leftmenu_b {line-height:30px; margin-bottom:0px; background-color:#E7EDF1; border-bottom:0.5px solid #dddddd; text-align:center; font-size:15px; font-weight:bold;}
#mysubmenu .leftmenu_s {line-height:30px; margin-bottom:0px; padding-left:20px; background-color:#ffffff; border-bottom:0.5px solid #e6e6e6;}
#mysubmenu a {text-decoration:none; display:block;}
#mysubmenu a:hover {color:blue;}
</style>
<script>
// 지우지 말아주세요. 새창 등에서도 사용합니다.
$(document).ready(function() {
$("#mysubmenu a").on("click", function(e){ //링크 클릭시
var $data_midtxt = $(this).attr("data-midtxt");
if( $data_midtxt ){
$.cookie('sub_midtxt', $data_midtxt, { path: '/' });
} else {
$.cookie('sub_midtxt', null, { path: '/' });
}
});
});
</script>
<div id="mysubmenu">
<?php
$sql = " select * from ".$g5['menu_table']."
where me_use = '1'
and length(me_code) = '2'
order by me_order, me_id ";
$result = sql_query($sql, false);
$gnb_zindex = 999; // gnb_1dli z-index 값 설정용
for ($i=0; $row=sql_fetch_array($result); $i++) {
?>
<ul id="mysub<?php echo $i ?>" style="display:none;">
<li class="leftmenu_b"> <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>"><?php echo $row['me_name']; ?></a></li>
<?php
$sql2 = " select * from ".$g5['menu_table']."
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '".$row['me_code']."'
order by me_order, me_id ";
$result2 = sql_query($sql2);
//좌측 서브메뉴 전체 리스트에서 현재 페이지에 해당하는 대메뉴 리스트만 보여줌
if ( ($row['me_name']==$board['bo_subject'])||($row['me_name']==$g5['title']) ) {
//if(strpos($row['me_link'], $_GET['bo_table']) !== false) {
echo ("<script language='javascript'> display_submenu(" .$i. " ); </script> ");
}
for ($k=0; $row2=sql_fetch_array($result2); $k++) {
if($k == 0) {
echo '<ul>'.PHP_EOL;
}
?>
<li class="leftmenu_s"<?php
if ($row2['me_link']) {
$me_link0 = explode("=",$row2['me_link']);
if ( ($me_link0[1]==$board['bo_table'])||($me_link0[1]==$co_id) ) {
//if(strpos($row2['me_link'], $_GET['bo_table']) !== false) {
echo " style='background-color:#eff3ff;'";
}
} else {
if ( ($row2['me_name']==$board['bo_subject'])||($row2['me_name']==$g5['title']) ) {
//if ( strpos($row2['me_link'], $_GET['bo_table']) !== false ) {
echo " style='background-color:#eff3ff;'";
}
}
?>><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name']; ?></a>
</li>
<?php
//좌측 서브메뉴 전체 리스트에서 현재 페이지에 해당하는 대메뉴 리스트만 보여줌
if ($row2['me_link']) {
$me_link0 = explode("=",$row2['me_link']);
if ( ($me_link0[1]==$board['bo_table'])||($me_link0[1]==$co_id) ) {
//if(strpos($row2['me_link'], $_GET['bo_table']) !== false) {
echo ("<script language='javascript'> display_submenu(" .$i. " ); </script> ");
}
} else {
if ( ($row2['me_name']==$board['bo_subject'])||($row2['me_name']==$g5['title']) ) {
//if(strpos($row2['me_link'], $_GET['bo_table']) !== false) {
echo ("<script language='javascript'> display_submenu(" .$i. " ); </script> ");
}
}
}
if($k > 0) {
echo '</ul>'.PHP_EOL;
}
?>
</ul>
<?php
}
?>
</div>
참고자료
https://sir.kr/g5_skin/7515
https://sir.kr/qa/185183
서브메뉴를 노출시킬 위치에 아래 내용을 추가합니다.
<script type="text/javascript">
function display_submenu(num) {
document.getElementById("mysub"+num).style.display="block";
}
</script>
<style TYPE="text/css">
#mysubmenu {margin:0px 0 0 0;}
#mysubmenu ul {list-style:none; margin:0; padding:0;}
#mysubmenu li { margin: 0; list-style: none;}
#mysubmenu .leftmenu_b {line-height:30px; margin-bottom:0px; background-color:#E7EDF1; border-bottom:0.5px solid #dddddd; text-align:center; font-size:15px; font-weight:bold;}
#mysubmenu .leftmenu_s {line-height:30px; margin-bottom:0px; padding-left:20px; background-color:#ffffff; border-bottom:0.5px solid #e6e6e6;}
#mysubmenu a {text-decoration:none; display:block;}
#mysubmenu a:hover {color:blue;}
</style>
<script>
// 지우지 말아주세요. 새창 등에서도 사용합니다.
$(document).ready(function() {
$("#mysubmenu a").on("click", function(e){ //링크 클릭시
var $data_midtxt = $(this).attr("data-midtxt");
if( $data_midtxt ){
$.cookie('sub_midtxt', $data_midtxt, { path: '/' });
} else {
$.cookie('sub_midtxt', null, { path: '/' });
}
});
});
</script>
<div id="mysubmenu">
<?php
$sql = " select * from ".$g5['menu_table']."
where me_use = '1'
and length(me_code) = '2'
order by me_order, me_id ";
$result = sql_query($sql, false);
$gnb_zindex = 999; // gnb_1dli z-index 값 설정용
for ($i=0; $row=sql_fetch_array($result); $i++) {
?>
<ul id="mysub<?php echo $i ?>" style="display:none;">
<li class="leftmenu_b"> <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>"><?php echo $row['me_name']; ?></a></li>
<?php
$sql2 = " select * from ".$g5['menu_table']."
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '".$row['me_code']."'
order by me_order, me_id ";
$result2 = sql_query($sql2);
//좌측 서브메뉴 전체 리스트에서 현재 페이지에 해당하는 대메뉴 리스트만 보여줌
if ( ($row['me_name']==$board['bo_subject'])||($row['me_name']==$g5['title']) ) {
//if(strpos($row['me_link'], $_GET['bo_table']) !== false) {
echo ("<script language='javascript'> display_submenu(" .$i. " ); </script> ");
}
for ($k=0; $row2=sql_fetch_array($result2); $k++) {
if($k == 0) {
echo '<ul>'.PHP_EOL;
}
?>
<li class="leftmenu_s"<?php
if ($row2['me_link']) {
$me_link0 = explode("=",$row2['me_link']);
if ( ($me_link0[1]==$board['bo_table'])||($me_link0[1]==$co_id) ) {
//if(strpos($row2['me_link'], $_GET['bo_table']) !== false) {
echo " style='background-color:#eff3ff;'";
}
} else {
if ( ($row2['me_name']==$board['bo_subject'])||($row2['me_name']==$g5['title']) ) {
//if ( strpos($row2['me_link'], $_GET['bo_table']) !== false ) {
echo " style='background-color:#eff3ff;'";
}
}
?>><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name']; ?></a>
</li>
<?php
//좌측 서브메뉴 전체 리스트에서 현재 페이지에 해당하는 대메뉴 리스트만 보여줌
if ($row2['me_link']) {
$me_link0 = explode("=",$row2['me_link']);
if ( ($me_link0[1]==$board['bo_table'])||($me_link0[1]==$co_id) ) {
//if(strpos($row2['me_link'], $_GET['bo_table']) !== false) {
echo ("<script language='javascript'> display_submenu(" .$i. " ); </script> ");
}
} else {
if ( ($row2['me_name']==$board['bo_subject'])||($row2['me_name']==$g5['title']) ) {
//if(strpos($row2['me_link'], $_GET['bo_table']) !== false) {
echo ("<script language='javascript'> display_submenu(" .$i. " ); </script> ");
}
}
}
if($k > 0) {
echo '</ul>'.PHP_EOL;
}
?>
</ul>
<?php
}
?>
</div>
댓글 12개
8년 전
좋은정보감사합니다
8년 전
관심 감사합니다.
lavenderblush
7년 전
감사합니다.
lavenderblush
7년 전
폰트 색상 수정은 어려울까요?
7년 전
좋아요..잘쓰겠습니다.감사합니다.
fffff
7년 전
찾고잇었는데! 감사합니다^^
7년 전
사이드메뉴가 보여하는 정석을 보여주셨네요. 군더더기 없는 알짜팁이네요. 감사합니다.
Youtove
6년 전
드디어 찾았네요 감사합니다
6년 전
사이드메뉴 감사합니다.
6년 전
잘 쓰겠습니다.^^
치우천왕님
5년 전
감사히 잘 쓰겠습니다
소소한여자
4년 전
와우 너무 좋네요
감사합니다.
감사합니다.
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4427 | ||
| 2574 | 10개월 전 | 561 | ||
| 2573 | 10개월 전 | 937 | ||
| 2572 |
두리삼촌v
|
10개월 전 | 609 | |
| 2571 | 10개월 전 | 556 | ||
| 2570 | 10개월 전 | 599 | ||
| 2569 |
두리삼촌v
|
10개월 전 | 638 | |
| 2568 |
두리삼촌v
|
10개월 전 | 666 | |
| 2567 |
두리삼촌v
|
10개월 전 | 462 | |
| 2566 |
두리삼촌v
|
10개월 전 | 443 | |
| 2565 | 10개월 전 | 740 | ||
| 2564 | 10개월 전 | 670 | ||
| 2563 | 10개월 전 | 473 | ||
| 2562 | 10개월 전 | 1030 | ||
| 2561 |
|
11개월 전 | 675 | |
| 2560 | 11개월 전 | 919 | ||
| 2559 | 11개월 전 | 657 | ||
| 2558 |
|
11개월 전 | 504 | |
| 2557 | 11개월 전 | 656 | ||
| 2556 | 11개월 전 | 957 | ||
| 2555 | 11개월 전 | 1338 | ||
| 2554 | 11개월 전 | 755 | ||
| 2553 |
|
11개월 전 | 748 | |
| 2552 | 11개월 전 | 676 | ||
| 2551 | 11개월 전 | 864 | ||
| 2550 | 11개월 전 | 767 | ||
| 2549 |
|
11개월 전 | 717 | |
| 2548 | 11개월 전 | 1031 | ||
| 2547 | 11개월 전 | 673 | ||
| 2546 | 11개월 전 | 1207 | ||
| 2545 | 11개월 전 | 663 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기