해피정

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

· 2016-05-04 (수) 11:06:46 · 10656 · 7
그누보드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개

2016-05-04 (수) 12:04:37
좋은 팁 감사합니다. ^^ 나중에 만들게 되면 적용해서 써야겠네요. 춛현 콰쾅!!!
사용하기 옵션이 없어서 무척 당황(?)해서 긴급 추가하게 되었습니다.
아하 그누에 옵션에 없어서 아쉬워는데 감사합니다. ^^
왠만하면 원본을 사용하고 싶지만, 없으면 맹글어서 사용해야죠 ^^
감사합니다.
2017-03-26 (일) 08:54:20
팝업레이어 드래그&드롭
2018-01-30 (화) 11:35:45
좋은팁 감사합니다..
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
16-06-08 조회 1.2만
16-06-03 조회 1만
16-06-01 조회 2.6만
16-06-01 조회 9,461
16-06-01 조회 1.2만
16-05-31 조회 1만
16-05-30 조회 9,454
16-05-25 조회 1.1만
16-05-23 조회 8.2만
16-05-19 조회 7,995
16-05-18 조회 7,433
16-05-17 조회 9,683
16-05-04 조회 1.1만
16-05-02 조회 8,845
16-04-18 조회 8,434
16-04-15 조회 9,108
16-04-08 조회 2.2만
16-04-07 조회 8,526
16-04-07 조회 9,714
16-04-06 조회 1만
16-03-30 조회 8,782
16-03-23 조회 1.2만
16-03-23 조회 1.2만
16-03-20 조회 1.1만
16-03-18 조회 1.3만
16-03-17 조회 9,491
16-03-17 조회 9,720
16-03-17 조회 7,801
16-03-15 조회 1.2만
16-03-09 조회 7,964