페이지마다 다르게 적용되는 다중 레이어 팝업창(EUC-KR) 정보
게시판 페이지마다 다르게 적용되는 다중 레이어 팝업창(EUC-KR)첨부파일
본문
다중 레이어 팝업창 관리용 게시판 입니다. 여러 페이지에 각기 다른 팝업창 적용이 가능합니다.
1. 압축을 풀어 skin 폴더에 각각 업로드 합니다.
- skin/board/popup
- skin/popup/basic
2. popup.lib.php 파일을 lib 폴더에 업로드 합니다.
- lib
3. 팝업창을 띄우려는 페이지에 아래 코드를 입력합니다.
<?
include_once("$g4[path]/lib/popup.lib.php");
?>
...... 중략 ......
<?
// 사용법 popup("스킨명", 테이블명, "분류명");
echo popup("basic", popup, "index");
?>
* php 파일 뿐만 아니라 게시판에도 적용할 수 있을 것입니다. 아마...
4. 게시판 설정의 분류에 적당한 분류명을 입력하고 사용에 체크합니다.
Ex)
index|comp|prod|comm
echo popup("basic", popup, "index"); <= index.php 첫페이지
echo popup("basic", popup, "comp"); <= company.php 회사소개 페이지
echo popup("basic", popup, "prod"); <= product.php 제품소개 페이지
echo popup("basic", popup, "comm"); <= commumity.php 커뮤니티 페이지
- 필요없는 부분은 주석처리 하였습니다.
- 이미지를 파일 첨부시 팝업 내용에 이미지가 나타납니다.
- 제목 글자 제한은 없으니 제목은 간단히 입력하세요.
- 시간은 1일(24시간) 동안으로 고정되어 있습니다. 이 부분은 나중에 혹 업그레이드 할 일이 있다면 하겠습니다.
- 혹 에러가 있다면 리플을 달아주세요.
1. 압축을 풀어 skin 폴더에 각각 업로드 합니다.
- skin/board/popup
- skin/popup/basic
2. popup.lib.php 파일을 lib 폴더에 업로드 합니다.
- lib
3. 팝업창을 띄우려는 페이지에 아래 코드를 입력합니다.
<?
include_once("$g4[path]/lib/popup.lib.php");
?>
...... 중략 ......
<?
// 사용법 popup("스킨명", 테이블명, "분류명");
echo popup("basic", popup, "index");
?>
* php 파일 뿐만 아니라 게시판에도 적용할 수 있을 것입니다. 아마...
4. 게시판 설정의 분류에 적당한 분류명을 입력하고 사용에 체크합니다.
Ex)
index|comp|prod|comm
echo popup("basic", popup, "index"); <= index.php 첫페이지
echo popup("basic", popup, "comp"); <= company.php 회사소개 페이지
echo popup("basic", popup, "prod"); <= product.php 제품소개 페이지
echo popup("basic", popup, "comm"); <= commumity.php 커뮤니티 페이지
- 필요없는 부분은 주석처리 하였습니다.
- 이미지를 파일 첨부시 팝업 내용에 이미지가 나타납니다.
- 제목 글자 제한은 없으니 제목은 간단히 입력하세요.
- 시간은 1일(24시간) 동안으로 고정되어 있습니다. 이 부분은 나중에 혹 업그레이드 할 일이 있다면 하겠습니다.
- 혹 에러가 있다면 리플을 달아주세요.
추천
15
15
댓글 전체
텍스트와 이미지 첨부시 같이 나오게 할 수 없나요?
넘 좋아요...
넘 좋아요...
DHTML 사용에 체크하여 사용하는 것이 더 좋을 것 같지만 굳이 수정을 원하시면 아래와 같이 하시면 됩니다.
/skin/popup/basic/popup.skin.php 파일 133~146라인을 아래와 같이 수정하세요. 일반 게시판 스킨 view.skin.php 파일을 참조하세요,
<?
// 파일 출력
for ($k=0; $k<=count($list[$i][file]); $k++) {
if ($list[$i][file][$k][view])
echo "<img src='".$list[$i][file][$k][path]."/".$list[$i][file][$k][file]."' border='0'><br>";
}
?>
<!-- 내용 출력 -->
<span id="writeContents"><?=$list[$i]['content'];?></span>
/skin/popup/basic/popup.skin.php 파일 133~146라인을 아래와 같이 수정하세요. 일반 게시판 스킨 view.skin.php 파일을 참조하세요,
<?
// 파일 출력
for ($k=0; $k<=count($list[$i][file]); $k++) {
if ($list[$i][file][$k][view])
echo "<img src='".$list[$i][file][$k][path]."/".$list[$i][file][$k][file]."' border='0'><br>";
}
?>
<!-- 내용 출력 -->
<span id="writeContents"><?=$list[$i]['content'];?></span>
감사합니다. 이런 간단한것을... 잘되네요
한가지 더 추가적이라면 위 X표시부분에 폭을 좀 높게 하고 싶습니다. 어디를 수정해야 하나요?
/skin/popup/basic/popup.skin.php 파일 122라인 부분을 수정하세요.
<tr height="30">
<tr height="30">
감사합니다.
일단 다운로드! 감사드립니다! ^-^
감사합니다~^^ 잘 사용하겠습니다~^^
멋져요~
멋집니다.
한가지 질문이 있습니다.
<!-- 최신글 목록 -->
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td align=center>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height=25> <img src='<?=$latest_skin_path?>/img/board_icon.gif' align=absmiddle>
<?
echo $list[$i]['icon_reply'] . " ";
// 새창 띄우기 추가. noticepopup폴드에 notice_new.php파일을 이용한다.
echo "<a href='#' onclick=\"javascript:window.open('{$g4[path]}/noticepopup/notice_new.php?bo_table={$bo_table}&wr_id={$list[$i][wr_id]}', '', 'left=200, top=100, width=450, height=400, scrollbars=1');\">";
if ($list[$i]['is_notice'])
echo "<font style='font-size:9pt; color:#2C88B9;text-align:justify;'><strong>{$list[$i]['subject']}</strong></font>";
else
echo "<font style='font-size:9pt; color:#6A6A6A;'>{$list[$i]['subject']}</font>";
echo "</a>";
if ($list[$i]['comment_cnt'])
echo " <a href=\"{$list[$i]['comment_href']}\"><span style='font-size:8pt; color:#9A9A9A;'>{$list[$i]['comment_cnt']}</span></a>";
// if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
// if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }
echo " " . $list[$i]['icon_new'];
// echo " " . $list[$i]['icon_file'];
// echo " " . $list[$i]['icon_link'];
// echo " " . $list[$i]['icon_hot'];
// echo " " . $list[$i]['icon_secret'];
?></td></tr>
<tr><td bgcolor=#ececec height=1></td></tr>
</table></td>
</tr>
<? } ?>
이 소스는 latest.skin.php파일의 내용입니다.
페이지마다 다르게 적용되는 다중 레이어 팝업창기능에 보면 테이블 넓이와 높이가 자동으로 이미지 크기대로 되는데요
위 소스도 자동으로 변화게 하고 싶습니다. 어디를 수정을 해야 하는지 부탁드립니다.
소스내용중
<table border="0" width="<?=($list[$i]['wr_6']+12)?>" bgcolor="#537CBC" cellspacing="0" cellpadding="1">
이런부분이 있던데 여기서 width="<?=($list[$i]['wr_6']+12)?>" 이부분의 설명좀 부탁드립니다.
그럼 즐거운 하루되세요
<!-- 최신글 목록 -->
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td align=center>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height=25> <img src='<?=$latest_skin_path?>/img/board_icon.gif' align=absmiddle>
<?
echo $list[$i]['icon_reply'] . " ";
// 새창 띄우기 추가. noticepopup폴드에 notice_new.php파일을 이용한다.
echo "<a href='#' onclick=\"javascript:window.open('{$g4[path]}/noticepopup/notice_new.php?bo_table={$bo_table}&wr_id={$list[$i][wr_id]}', '', 'left=200, top=100, width=450, height=400, scrollbars=1');\">";
if ($list[$i]['is_notice'])
echo "<font style='font-size:9pt; color:#2C88B9;text-align:justify;'><strong>{$list[$i]['subject']}</strong></font>";
else
echo "<font style='font-size:9pt; color:#6A6A6A;'>{$list[$i]['subject']}</font>";
echo "</a>";
if ($list[$i]['comment_cnt'])
echo " <a href=\"{$list[$i]['comment_href']}\"><span style='font-size:8pt; color:#9A9A9A;'>{$list[$i]['comment_cnt']}</span></a>";
// if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
// if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }
echo " " . $list[$i]['icon_new'];
// echo " " . $list[$i]['icon_file'];
// echo " " . $list[$i]['icon_link'];
// echo " " . $list[$i]['icon_hot'];
// echo " " . $list[$i]['icon_secret'];
?></td></tr>
<tr><td bgcolor=#ececec height=1></td></tr>
</table></td>
</tr>
<? } ?>
이 소스는 latest.skin.php파일의 내용입니다.
페이지마다 다르게 적용되는 다중 레이어 팝업창기능에 보면 테이블 넓이와 높이가 자동으로 이미지 크기대로 되는데요
위 소스도 자동으로 변화게 하고 싶습니다. 어디를 수정을 해야 하는지 부탁드립니다.
소스내용중
<table border="0" width="<?=($list[$i]['wr_6']+12)?>" bgcolor="#537CBC" cellspacing="0" cellpadding="1">
이런부분이 있던데 여기서 width="<?=($list[$i]['wr_6']+12)?>" 이부분의 설명좀 부탁드립니다.
그럼 즐거운 하루되세요
자동으로 변하는 것 아닙니다. 게시판 여분 필드를 이용하여 미리 팝업창의 위치(여분필드4,5)와 크기(여분필드6,7)를 입력하기 때문입니다.
그러나, 질문의 요지는 이해하겠습니다. write.skin.php에 이 소스의 팡업창 위치와 크기를 입력하는 부분을 복사하시고 latest.skin.php의 아래 부분으로 수정하시면 됩니다.
echo "<a href='#' onclick=\"javascript:window.open('{$g4[path]}/noticepopup/notice_new.php?bo_table={$bo_table}&wr_id={$list[$i][wr_id]}', '', 'left="<?=($list[$i]['wr_4']?>, top=<?=($list[$i]['wr_5']?>, width=<?=($list[$i]['wr_6']?>, height=<?=($list[$i]['wr_7']?>, scrollbars=1');\">";
해당 여분 필드가 적용되는 게시판에서 이미 다르게 사용되고 있다면 다른 여분 필드를 사용해야 하겠죠.
width="<?=($list[$i]['wr_6']+12)?>" 이 부분은 팝업창의 가로크기보다 조금 크게하여 팝업창의 border 부분을 표현하기 위함입니다.
그러나, 질문의 요지는 이해하겠습니다. write.skin.php에 이 소스의 팡업창 위치와 크기를 입력하는 부분을 복사하시고 latest.skin.php의 아래 부분으로 수정하시면 됩니다.
echo "<a href='#' onclick=\"javascript:window.open('{$g4[path]}/noticepopup/notice_new.php?bo_table={$bo_table}&wr_id={$list[$i][wr_id]}', '', 'left="<?=($list[$i]['wr_4']?>, top=<?=($list[$i]['wr_5']?>, width=<?=($list[$i]['wr_6']?>, height=<?=($list[$i]['wr_7']?>, scrollbars=1');\">";
해당 여분 필드가 적용되는 게시판에서 이미 다르게 사용되고 있다면 다른 여분 필드를 사용해야 하겠죠.
width="<?=($list[$i]['wr_6']+12)?>" 이 부분은 팝업창의 가로크기보다 조금 크게하여 팝업창의 border 부분을 표현하기 위함입니다.
여분필드를 이용해서 사용한다는것은 글쓰기에 창의 크기를 지정을 해 줘야 한다는 말인가요?
일반게시판에 대한 최근게시물을 불러와 최근게시물을 클릭을 하면 새창으로 보여지게 한 것인데...
만약 write.skin.php에
<input type=hidden name=width value=<?=($list[$i]['wr_6']?>
뭐 이런식으로 값을 지정해서 할 수는 없나요?
아니면 게시판관리에서 할 수 있는 방법은 없나요?
위 답변글에서 이해 안가는 부분은
그러나, 질문의 요지는 이해하겠습니다. write.skin.php에 이 소스의 팡업창 위치와 크기를 입력하는 부분을 복사하시고 latest.skin.php의 아래 부분으로 수정하시면 됩니다.
이렇게 답변을 주셨는데요. 이부분이 이해가 안가네요..
좀 구체적으로 보충설명 불가능할까요?
일반게시판에 대한 최근게시물을 불러와 최근게시물을 클릭을 하면 새창으로 보여지게 한 것인데...
만약 write.skin.php에
<input type=hidden name=width value=<?=($list[$i]['wr_6']?>
뭐 이런식으로 값을 지정해서 할 수는 없나요?
아니면 게시판관리에서 할 수 있는 방법은 없나요?
위 답변글에서 이해 안가는 부분은
그러나, 질문의 요지는 이해하겠습니다. write.skin.php에 이 소스의 팡업창 위치와 크기를 입력하는 부분을 복사하시고 latest.skin.php의 아래 부분으로 수정하시면 됩니다.
이렇게 답변을 주셨는데요. 이부분이 이해가 안가네요..
좀 구체적으로 보충설명 불가능할까요?
일반적인 방법을 말한 것이구요.
골든님 사용하시는 스킨이 뭔지 모르겠군요. 해당 스킨 제작자에게 문의해 보시거나 Q&A에 문의해 보시기 바랍니다.
notice_new.php 파일에 해당되는 부분을 수정하시면 될 것 같네요.
골든님 사용하시는 스킨이 뭔지 모르겠군요. 해당 스킨 제작자에게 문의해 보시거나 Q&A에 문의해 보시기 바랍니다.
notice_new.php 파일에 해당되는 부분을 수정하시면 될 것 같네요.
골뱅이님 감사합니다. 잘 사용하겠습니다. 수고 하셨습니다.
감사합니다. 잘 사용하겠습니다.
이거 매우 유용하게 쓰고 있네요 감사합니다.
팝업창 내용에 마우스오버시 링크되는 기능은 없나요?
보통 팝업으로 요약내용만 보여주고 사용자가 클릭하여
해당 링크주소로 이동하여 세부내용이 보여주는데 그런 기능이 있으면 좋겠어요!
클릭시 해당게시판으로 이동하던지, 아니면 새창으로 띄우는 것이면
정말 좋을것 같아요. 기능좀 추가좀 해주세요. 부탁드립니다.
보통 팝업으로 요약내용만 보여주고 사용자가 클릭하여
해당 링크주소로 이동하여 세부내용이 보여주는데 그런 기능이 있으면 좋겠어요!
클릭시 해당게시판으로 이동하던지, 아니면 새창으로 띄우는 것이면
정말 좋을것 같아요. 기능좀 추가좀 해주세요. 부탁드립니다.
팝업창이래요~~
정말 유용한 팝업관리입니다. ^^
아주 잘 사용하겠습니다.
아주 잘 사용하겠습니다.
오~~ 고맙습니다. ^^
오 정말 멋지군요 감사합니다^^
팝업창쥐기는거
오 좋네요...~
팝업
팝업
고맙습니다.
불여우에서는 잘 되는데
왜 IE에서는 팝업창이 안 뜨는지 모르겠군요?
불여우에서는 잘 되는데
왜 IE에서는 팝업창이 안 뜨는지 모르겠군요?
페이지마다 다르게 적용되는 다중 레이어 팝업창(EUC-KR)
왜 IE7이상에서는 안나올까요??
레이어가 나오기는 하는데 자리를 차지하고 움직이지도 않아요~ 어떻게하죠?
좋은정보 감사 합니다. 늘 좋은날 되세요
IE7에서도 잘 됩니다
-\-0\
좋은자료네요~ ^^
받아서 설치 해봤는데 팝업창이 왜 안뜨죠 ?
받아서 설치 해봤는데 팝업창이 왜 안뜨죠 ?
잘되는 군요 감사합니다. 레이어 상단 부분을 눌러야 이동되는군요,,링크는 게시판 html에서 링크를 넣어주니 가는군요,,
잘쓸게요~
잘쓸게요~
맞아 안떠요??
잘뜨는데요 설명데로 차근차근 따라해 보세요^^
늘사용하는 팝업