2026, 새로운 도약을 시작합니다.

기본 팝업레이어에 드래그 & 옵션추가(사용하기) (2017-03-24 수정)

그누보드5 기본 레이어 팝업의 기능 향상을 위한 팁입니다.
1. 레이어 팝업에 마우스로 드래그 기능 추가
2. 사용하기 / 사용안하기 체크기능 추가
3. 팝업레이어가 브라우저 왼쪽 상단부터 시작하기


1. 그누보드5 / bbs / newwin.inc.php 내용 수정
<!-- 팝업레이어 시작 { -->

를 아래와 같이 변경
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".hd_pops").draggable();
});
</script>
<!-- 팝업레이어 시작 { -->


2. phpMyAdmin 에서 g5_new_win 테이블 필드 추가
nw_division 필드가 없는경우
ALTER TABLE `g5_new_win` ADD `nw_division` VARCHAR( 10 ) NOT NULL DEFAULT 'both';

nw_use 필드 추가
ALTER TABLE `g5_new_win` ADD `nw_use` CHAR( 1 ) NOT NULL DEFAULT '0';


2-1. 그누보드5 / adm / newwinlist.php 내용 추가
$g5['title'] = '팝업레이어 관리';
include_once (G5_ADMIN_PATH.'/admin.head.php');

를 아래와 같이 변경

sql_query("ALTER TABLE `g5_new_win` ADD `nw_division` VARCHAR( 10 ) NOT NULL DEFAULT 'both';");
sql_query("ALTER TABLE `g5_new_win` ADD `nw_use` CHAR( 1 ) NOT NULL DEFAULT '0';");

$g5['title'] = '팝업레이어 관리';
include_once (G5_ADMIN_PATH.'/admin.head.php');


2-2. 그누보드5 / adm / newwinlist.php
<th scope="col">제목</th>
<th scope="col">접속기기</th>

를 아래와 같이 변경

<th scope="col">제목</th>
<th scope="col">사용여부</th>
<th scope="col">접속기기</th>


2-3. 그누보드5 / adm / newwinlist.php
<td><?php echo $row['nw_subject']; ?></td>
<td class="td_device"><?php echo $nw_device; ?></td>

를 아래와 같이 변경

<td><?php echo $row['nw_subject']; ?></td>
<td class="td_num"><?php if ($row['nw_use']==1) { echo "Y"; } else { echo "N"; } ?></td>
<td class="td_device"><?php echo $nw_device; ?></td>



3. 그누보드5 / adm / newwinform.php 내용 추가
</tr>
<th scope="row">사용여부</th>
<td>
<input type="radio" name="nw_use" value="1" id="nw_use" <?php echo $nw['nw_use']==1?'checked':''; ?>>
<label for="nw_use_yes">사용</label>
<input type="radio" name="nw_use" value="0" id="nw_use_no" <?php echo $nw['nw_use']==0?'checked':''; ?>>
<label for="nw_use_no">사용중지</label>
</td>
</tr>


4. 그누보드5 / adm / newwinformupdate.php 내용 추가
nw_begin_time = '{$_POST['nw_begin_time']}',

를 아래와 같이 변경

nw_use = '{$_POST['nw_use']}',
nw_begin_time = '{$_POST['nw_begin_time']}',


5. 그누보드5 / bbs / newwin.inc.php 내용 수정
$sql = " select * from {$g5['new_win_table']}
where '".G5_TIME_YMDHIS."' between nw_begin_time and nw_end_time
and nw_device IN ( 'both', 'pc' )
order by nw_id asc ";

를 아래와 같이 변경

$sql = " select * from {$g5['new_win_table']}
where '".G5_TIME_YMDHIS."' between nw_begin_time and nw_end_time
and nw_device IN ( 'both', 'pc' ) and nw_use ='1'
order by nw_id asc ";


6. 그누보드5 / mobile / newwin.inc.php 내용 수정
$sql = " select * from {$g5['new_win_table']}
where '".G5_TIME_YMDHIS."' between nw_begin_time and nw_end_time
and nw_device IN ( 'both', 'mobile' )
order by nw_id asc ";

를 아래와 같이 변경

$sql = " select * from {$g5['new_win_table']}
where '".G5_TIME_YMDHIS."' between nw_begin_time and nw_end_time
and nw_device IN ( 'both', 'mobile' ) and nw_use ='1'
order by nw_id asc ";


7. 그누보드5 / theme / 테마 / css / default.css 의 26라인
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}

에서 width 값을 변경

#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
|

댓글 7개

좋은 팁 감사합니다. ^^ 나중에 만들게 되면 적용해서 써야겠네요. 춛현 콰쾅!!!
사용하기 옵션이 없어서 무척 당황(?)해서 긴급 추가하게 되었습니다.
아하 그누에 옵션에 없어서 아쉬워는데 감사합니다. ^^
왠만하면 원본을 사용하고 싶지만, 없으면 맹글어서 사용해야죠 ^^
팝업레이어 드래그&드롭
좋은팁 감사합니다..

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,598
2741 4일 전 조회 127
2740 5일 전 조회 113
2739 1주 전 조회 217
2738 1주 전 조회 221
2737 1주 전 조회 185
2736 2주 전 조회 284
2735 3주 전 조회 289
2734 3주 전 조회 264
2733 1개월 전 조회 267
2732 1개월 전 조회 303
2731 1개월 전 조회 270
2730 1개월 전 조회 228
2729 1개월 전 조회 359
2728 1개월 전 조회 246
2727 1개월 전 조회 422
2726 1개월 전 조회 260
2725 1개월 전 조회 332
2724 1개월 전 조회 363
2723 1개월 전 조회 267
2722 1개월 전 조회 301
2721 1개월 전 조회 214
2720 2개월 전 조회 304
2719 2개월 전 조회 314
2718 2개월 전 조회 202
2717 2개월 전 조회 337
2716 2개월 전 조회 204
2715 2개월 전 조회 313
2714 2개월 전 조회 273
2713 2개월 전 조회 377
2712 2개월 전 조회 290
🐛 버그신고