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년 전 | 4402 | ||
| 2694 | 2개월 전 | 188 | ||
| 2693 | 2개월 전 | 148 | ||
| 2692 | 2개월 전 | 158 | ||
| 2691 | 2개월 전 | 175 | ||
| 2690 | 2개월 전 | 326 | ||
| 2689 | 2개월 전 | 234 | ||
| 2688 |
|
2개월 전 | 441 | |
| 2687 | 2개월 전 | 292 | ||
| 2686 |
선택과집중
|
2개월 전 | 330 | |
| 2685 | 2개월 전 | 291 | ||
| 2684 | 2개월 전 | 346 | ||
| 2683 | 2개월 전 | 481 | ||
| 2682 | 2개월 전 | 276 | ||
| 2681 | 2개월 전 | 302 | ||
| 2680 |
선택과집중
|
2개월 전 | 278 | |
| 2679 | 2개월 전 | 330 | ||
| 2678 |
|
3개월 전 | 429 | |
| 2677 |
|
3개월 전 | 502 | |
| 2676 | 3개월 전 | 326 | ||
| 2675 | 3개월 전 | 304 | ||
| 2674 |
선택과집중
|
3개월 전 | 480 | |
| 2673 |
|
3개월 전 | 322 | |
| 2672 | 3개월 전 | 335 | ||
| 2671 | 3개월 전 | 284 | ||
| 2670 | 3개월 전 | 260 | ||
| 2669 | 3개월 전 | 374 | ||
| 2668 | 3개월 전 | 289 | ||
| 2667 |
선택과집중
|
3개월 전 | 484 | |
| 2666 |
선택과집중
|
3개월 전 | 471 | |
| 2665 |
선택과집중
|
3개월 전 | 404 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기