다중 팝업레이어 공지 세트 [업그레이드]

· 2008-12-06 (토) 01:09:22 · 9080 · 18
popup_multi_upgrade.jpg
최신 utf-8 베이직 스킨으로 작업했습니다.
dhtml 에디터 사용해도 되고 안해도 됩니다.

euc-kr 사용자는 아래 변화툴로 decode후 테스트하세요.
http://sir.co.kr/bbs/board.php?bo_table=g4_convert&wr_id=225

원본 수정된곳 없으므로 묶여있는 구조대로 업로드후 테스트합니다.

반드시 해야할 내용;

##############################################################
jquery 코어파일을 사용하지 않는경우 head.sub.php에 한줄추가.
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery-1.2.6.pack.js" charset="UTF-8"></script>
-------------------------------------------------------------
popup_multi.lib.php는 extend 폴더에 업로드합니다.
-------------------------------------------------------------
최신글 스킨, 게시판 스킨은 지정된 위치에 업로드합니다.
-------------------------------------------------------------
popup_multi.css는 헤더에 링크하거나 기존 링크된 외부CSS파일에 붙여넣어도 됩니다.
-------------------------------------------------------------
썸네일 사이즈 : 여분필드1 에 80 입력
썸네일 생성품질 : 여분필드2 에 100 이하 입력
썸네일 보여줄 갯수 : 여분필드3 에 4 입력
팝업공지용 게시판의 분류에는 보여줄 `대메뉴값` 으로 각각 생성합니다.
##############################################################

*그룹이나 특정 변수로 대메뉴를 구성한 경우 각 대메뉴별로 팝업을 따로 보여줍니다.

단순한 호출방법(-페이지마다 직접호출하는)은 옵션값을 직접입력합니다.
가급적 페이지 하단에 코딩합니다.
<?php
//옵션값은 공지게시판의 분류명을 직접 입력합니다.
echo popup_multi("latest_pop_multi", "테이블명", 5, 40, "게시판분류명");
?>

공통파일에 한번만 호출하면서 변수로 구분해서 띄우는 방법;
-개인의 페이지 분기 변수값과 스킨호출에서 옵션값을 일치시키는 방법으로 응용합니다.

초보분들을 위해 예를들자면..
http://tottoe.com/?ix=toe
http://tottoe.com/?ix=community
처럼 "ix=어떤값" 으로 페이지를 구분하는경우 공지게시판의 분류에 toe|community 넣어주고,
최신글 호출은 echo popup_multi("latest_pop_multi", "테이블명", 5, 40, $ix); 로 하면 됩니다.
$ix가 환경변수에 선언되지않고 단순히 겟으로 처리했다면 $_GET['ix']처럼 되겠죠..

예제;

아래는 공통파일인 tail.sub.php에서 호출하면서 특정 디렉토리에서는 팝업을 제한하는 예제입니다.
<?
switch (TRUE)
{
case preg_match("/\/".$g4['admin']."\/.*.php$/", $_SERVER[PHP_SELF]) ://관리자 폴더제외
case preg_match("/\/customer\/.*.php$/", $_SERVER[PHP_SELF]) ://customer 폴더제외
$ix = 'none';//비우면 활성화된 모든 팝업을 보여주므로 존재하지 않는 분류명을 입력합니다.
break;

default : $ix = $ix;
break;
}
if ($g4['bbs'] !== basename(dirname($_SERVER['PHP_SELF'])))//회원가입 prototype ajax와 충돌회피
{
echo popup_multi("latest_pop_multi", "notice", 5, 40, $ix);//옵션값 없으면 모두 띄웁니다.
}
?>


업그레이드된 내용;

- 팝업창의 크기, 위치, 정렬, 기간을 각 창마다 설정할수있습니다.
- 컬러피커를 적용해서 배경색상, 테두리색상을 설정하게 했고 테두리 두께, 투명도 설정역시 각 창마다 다르게할수 있습니다.
- 관리자일때 뷰페이지에서 팝업내용과 비밀글해제를 제외한 모든 설정을 편리하게 바꿔줄수있습니다.
- 팝업창의 드래그 스크립트를 jquery ppdrag로 교체하였습니다.
z-index값을 9999이하로 순차적으로 설정하므로 원하는 팝업창을 맨앞으로 나오게 할수있습니다.
뒤에있는 팝업창을 클릭하면 맨앞으로 나오도록 z-index값을 10000으로 설정해두었습니다.
-- 놓으면 다시 원위치에 들어갑니다. 나온상태로 유지하는것이 최선이나 구현하지 못함..

- 수정시 첨부이미지 썸네일 보여주고 클릭해서 원본확인 가능,
- 그누보드 원본수정 없음

jquery 스크립트는 스킨 뷰페이지 팝업관리자 설정부분과 팝업창 드래그에 사용됩니다.

첨부파일

popup_multi_upgrade.zip (105.5 KB) 393회 2008-12-06 01:09
jquery.colorPicker.js (5 KB) 68회 2008-12-06 10:55
|

댓글 18개

2008-12-06 (토) 09:13:28
좋은스킨 공개해 주셔서 감사합니다.

잘 쓰겠습니다.
코멘트 감사합니다^^
컬러피커 스크립트가 누락되어 따로 첨부했습니다.
/js 폴더에 올려주세요.
찜해놓습니다. 늘 감사합니다! ^^
감사합니다
감사합니다.컬러피커 ie6에러가 있는둣하네요..
체크 감사합니다.

가장 간단한 플러그인을 붙여본건데 문제가 있네요.
보완되는 대로 코멘트에 붙여놓겠습니다.
우선 아래처럼 처리해서 ie6에서는 필드에 hex코드를 직접입력하는 방법으로 사용은 가능합니다.

<!--[if !(IE 6)]>
<script src="<?=$g4[path]?>/js/jquery.colorPicker.js" type="text/javascript" charset="UTF-8"></script>
<![endif]-->
<![if !IE]>
<script src="<?=$g4[path]?>/js/jquery.colorPicker.js" type="text/javascript" charset="UTF-8"></script>
<![endif]>
<!--[if !(IE 6)]>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function()
{
$j('#wr_5').colorPicker();
$j('#wr_6').colorPicker();
});
</script>
<![endif]-->
<![if !IE]>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function()
{
$j('#wr_5').colorPicker();
$j('#wr_6').colorPicker();
});
</script>
<![endif]>
2008-12-07 (일) 19:00:16
jquery ppdrag가 더 좋나요??? 그러면 저도 바꾸게요. ㅎㅎ...
별다른건 없구요..
이게 모든 브라우저에서 똑같이 동작하는것 같네요.
easydrag는 일부 브라우저에서는 뒤에 묻힌창을 클릭할때 앞으로 안나오는 현상이 있네요.
좋긴 한데 조금 쓰기가 어렵군요.ㅠㅠ
수고하셨습니다 ^^
두분 코멘트 감사합니다.

호출에 대한 설명이 좀 부족한것 같은데요.

기본적으로
<?=popup_multi("latest_pop_multi", "공지게시판명", 5, 40, "분류명");?>
이렇게 원하는 곳에 호출해보시면 됩니다.

분류명은 공지게시판의 분류명중 하나입력, 5는 띄울갯수 최대, 40은 제목길이 입니다.


공통파일에 일괄호출시 분류명을 적는 자리에 변수를 활용해서 응용할수 있다는 것이구요..
popup_multi.css는 헤더에 링크하거나 기존 링크된 외부CSS파일에 붙여넣어도 됩니다

=> 어느 파일에다가 링크를 걸수 있나요?

common.php 등등 뒤져봤는데 모르겠어요
2008-12-10 (수) 11:26:47
감사합니다. 잘쓰겠습니다.
에러가 나는데 어디가 문제인지요???


[http://img178.imageshack.us/img178/8996/poperrorck0.png]
감사히 잘 사용하겠습니다. ^^*
페이지에 오류가 있으면 이 메시지를 항상 표시를 체크해제해 주시고 확인버튼을 눌러주시면 됩니다.
이 창은 페이지에 오류가 있을때 뜨는 것이므로 체크를 해제해 주시면 페이지에 오류가 있더라도 안뜨며 뜨는것이 좋다 싶으시면 체크후 확인 버튼을 눌러주시면 됩니다..^^

그리고 index.php 파일을 확인해 주시기 바라며, 또는 항상 홈페이지를 업데이트 시켜주세요.*^^*
popup
2121
댓글을 작성하시려면 로그인이 필요합니다.

그누4 스킨

5,847건

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y 그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

+
분류 제목 글쓴이 날짜 조회
기타 08-12-06 조회 9,081
게시판 08-12-04 조회 8,334
최신글 08-12-02 조회 5,155
갤러리 08-12-02 조회 1.7만
기타 08-12-02 조회 2,261
최신글 08-12-02 조회 1.3만
최신글 08-12-01 조회 7,687
설문조사 08-12-01 조회 6,857
설문조사 08-12-01 조회 9,267