다중 팝업레이어 공지 세트 [업그레이드] 정보
기타 다중 팝업레이어 공지 세트 [업그레이드]관련링크
http://tottoe.com/?ix=community
585회 연결
첨부파일
본문
최신 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 스크립트는 스킨 뷰페이지 팝업관리자 설정부분과 팝업창 드래그에 사용됩니다.
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 스크립트는 스킨 뷰페이지 팝업관리자 설정부분과 팝업창 드래그에 사용됩니다.
추천
10
10
댓글 전체
좋은스킨 공개해 주셔서 감사합니다.
잘 쓰겠습니다.
잘 쓰겠습니다.
코멘트 감사합니다^^
컬러피커 스크립트가 누락되어 따로 첨부했습니다.
/js 폴더에 올려주세요.
컬러피커 스크립트가 누락되어 따로 첨부했습니다.
/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]>
가장 간단한 플러그인을 붙여본건데 문제가 있네요.
보완되는 대로 코멘트에 붙여놓겠습니다.
우선 아래처럼 처리해서 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]>
jquery ppdrag가 더 좋나요??? 그러면 저도 바꾸게요. ㅎㅎ...
별다른건 없구요..
이게 모든 브라우저에서 똑같이 동작하는것 같네요.
easydrag는 일부 브라우저에서는 뒤에 묻힌창을 클릭할때 앞으로 안나오는 현상이 있네요.
이게 모든 브라우저에서 똑같이 동작하는것 같네요.
easydrag는 일부 브라우저에서는 뒤에 묻힌창을 클릭할때 앞으로 안나오는 현상이 있네요.
좋긴 한데 조금 쓰기가 어렵군요.ㅠㅠ
수고하셨습니다 ^^
두분 코멘트 감사합니다.
호출에 대한 설명이 좀 부족한것 같은데요.
기본적으로
<?=popup_multi("latest_pop_multi", "공지게시판명", 5, 40, "분류명");?>
이렇게 원하는 곳에 호출해보시면 됩니다.
분류명은 공지게시판의 분류명중 하나입력, 5는 띄울갯수 최대, 40은 제목길이 입니다.
공통파일에 일괄호출시 분류명을 적는 자리에 변수를 활용해서 응용할수 있다는 것이구요..
호출에 대한 설명이 좀 부족한것 같은데요.
기본적으로
<?=popup_multi("latest_pop_multi", "공지게시판명", 5, 40, "분류명");?>
이렇게 원하는 곳에 호출해보시면 됩니다.
분류명은 공지게시판의 분류명중 하나입력, 5는 띄울갯수 최대, 40은 제목길이 입니다.
공통파일에 일괄호출시 분류명을 적는 자리에 변수를 활용해서 응용할수 있다는 것이구요..

popup_multi.css는 헤더에 링크하거나 기존 링크된 외부CSS파일에 붙여넣어도 됩니다
=> 어느 파일에다가 링크를 걸수 있나요?
common.php 등등 뒤져봤는데 모르겠어요
=> 어느 파일에다가 링크를 걸수 있나요?
common.php 등등 뒤져봤는데 모르겠어요
감사합니다. 잘쓰겠습니다.

에러가 나는데 어디가 문제인지요???

감사히 잘 사용하겠습니다. ^^*
페이지에 오류가 있으면 이 메시지를 항상 표시를 체크해제해 주시고 확인버튼을 눌러주시면 됩니다.
이 창은 페이지에 오류가 있을때 뜨는 것이므로 체크를 해제해 주시면 페이지에 오류가 있더라도 안뜨며 뜨는것이 좋다 싶으시면 체크후 확인 버튼을 눌러주시면 됩니다..^^
그리고 index.php 파일을 확인해 주시기 바라며, 또는 항상 홈페이지를 업데이트 시켜주세요.*^^*
이 창은 페이지에 오류가 있을때 뜨는 것이므로 체크를 해제해 주시면 페이지에 오류가 있더라도 안뜨며 뜨는것이 좋다 싶으시면 체크후 확인 버튼을 눌러주시면 됩니다..^^
그리고 index.php 파일을 확인해 주시기 바라며, 또는 항상 홈페이지를 업데이트 시켜주세요.*^^*
popup
2121