최신글 레이어팝업에 관해 질문드립니다. 며칠째 헤매고 있습니다. 도와주세요 ㅠ
안녕하세요, 회사 홈페이지를 인코딩하는 중에 풀리지 않아 질문드립니다.ㅠㅠ
처음 화면, 최신글을 아그나블레이드님의 스킨으로 적용시켰습니다만. 이상하게 게시글은 제대로 팝업으로 나오는데 공지사항과 more가 전체화면 게시판화면으로 넘어가버립니다.ㅠㅠ
www.intretree.co.kr
위 사이트 왼쪽 밑 부분이고요.
latest.skin.php 안에 있는 내용은 이렇습니다.
----
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<table width="270" height="80" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top" style="padding-bottom:5px">
<table width=100% height="25" border=0 align="center" cellpadding=0 cellspacing=0>
<tr>
<td>
<table width="270" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$board[bo_table]?>'><img src="<?=$latest_skin_path?>/img/title.gif" width="63" height="21" border="0" align="absmiddle">
</td>
<td align="right"><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$board[bo_table]?>'><img src="<?=$latest_skin_path?>/img/more.png" width="33" height="11" border="0"></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="5" width="60" bgcolor="#ffffff"></td>
<td height="5" width="210" bgcolor="#CDCDCD"></td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
<!-- 최신글 목록 -->
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td colspan=4 align=center>
<table width=100% border="0">
<tr>
<td height=10>-
<?
//날짜표시
$date1 = substr($list[$i][datetime],0,10); //날짜표시형식변경
$date = explode("-", $date1);
$year = $date[0];
$month = $date[1];
$day = $date[2];
$latest_date = $year."-".$month."-".$day."";
echo $list[$i]['icon_reply'] . " ";
//echo "<a href='{$list[$i]['href']}'>"; 원본 링크
echo "<a href='javascript:void(0);' onclick=\"document.getElementById('popup').style.display = 'block'; divif.location.href='$g4[bbs_path]/board.php?bo_table=$board[bo_table]&wr_id={$list[$i][wr_id]}'\">";
// 레이어 팝업시
if ($list[$i]['
is_notice'])
echo "<font style='font-family:돋움; font-size:9pt; color:#2C88B9;'>{$latest_date} : <strong>{$list[$i]['subject']}</strong></font>";
else
echo "<font style='font-family:돋움; font-size:9pt; color:#6A6A6A;'>{$latest_date} : {$list[$i]['subject']}</font>";
echo "</a>";
if ($list[$i]['comment_cnt'])
echo " <a href=\"{$list[$i]['comment_href']}\"><span style='font-family:돋움; 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 height="1" background="<?=$latest_skin_path?>/img/box01_dot.gif"></td></tr> -->
<!--<tr><td bgcolor=#EBEBEB height=1></td></tr> -->
</table></td>
</tr>
<? } ?>
<? if (count($list) == 0) { ?><tr><td colspan=4 align=center height=66><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>
</table>
<!--// div 팝업 //-->
<style>
#popup {
position: absolute;
width: 100%;
height: 100%;
display: none;
border: 1px solid gray;
background-color: #FFFFFF;
font: 12px verdana;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color=#999999, Positive=true);
}
.toolbar {
font: 12px verdana;
border-bottom: 1px solid black;
background-color: #bbbbbb;
padding: 1px;
}
</style>
<script>
clicked = false;
function startDrag(cx,cy) {
clicked = true;
pleft=parseInt(document.getElementById("popup").style.left);
ptop=parseInt(document.getElementById("popup").style.top);
dragxcoor=cx;
dragycoor=cy;
}
function stopDrag() {
clicked = false;
}
function dragBox(evt) {
e = evt || event;
if (clicked == true) {
newx = pleft+e.clientX-dragxcoor;
newy = ptop+e.clientY-dragycoor;
document.getElementById("popup").style.left=newx;
document.getElementById("popup").style.top=newy;
return false;
}
}
document.onmousemove = dragBox;
</script>
<div id="popup" style="left: 0px; top: 0px; position:absolute">
<div class="toolbar" style="z-index:9; display: table; cursor: move;" onmousedown="startDrag(event.clientX,event.clientY)" onmouseup="stopDrag()">
<table style="z-index:9;" width="610" border="0" cellpadding="0" cellspacing="0" align=center valign=top>
<tr>
<td width="500" style="table-layout:fixed;"><font style="font-family:arial;font-size:8pt;color:#EFEFEF;">▦ <strong>dsfocus.co.kr</strong></font></td>
<td width=100%></td>
<td width=11><a href="javascript:void(0)" onclick="document.getElementById('popup').style.display='none'"><font style="font-family:arial;font-size:9pt;color:white;">×</font></a>
</td>
</tr>
</table>
</div>
<div style="padding: 5px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="z-index:9;">
<tr><td>
<?
echo "<iframe name='divif' width='600' height='500' frameborder='0' scrolling='auto' style='z-index:9;'></iframe>";
// 아이프레임 src는 제목링크에서 타겟으로
?>
<hr align="center" width="95%" size="1" color="#CCCCCC">
<p align="center"><a href="javascript:void(0)" onclick="document.getElementById('popup').style.display='none'"><font style="font-family:arial;font-size:9pt;color:#000000;"><strong>[Close]</strong></font></a></p>
</td></tr></table>
</div>
</div>
<!--// div 팝업 //-->
----
며칠째 찾아봤는데 도통 찾을 수 없어서 ㅠㅠ 도와주세요.
처음 화면, 최신글을 아그나블레이드님의 스킨으로 적용시켰습니다만. 이상하게 게시글은 제대로 팝업으로 나오는데 공지사항과 more가 전체화면 게시판화면으로 넘어가버립니다.ㅠㅠ
www.intretree.co.kr
위 사이트 왼쪽 밑 부분이고요.
latest.skin.php 안에 있는 내용은 이렇습니다.
----
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<table width="270" height="80" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top" style="padding-bottom:5px">
<table width=100% height="25" border=0 align="center" cellpadding=0 cellspacing=0>
<tr>
<td>
<table width="270" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$board[bo_table]?>'><img src="<?=$latest_skin_path?>/img/title.gif" width="63" height="21" border="0" align="absmiddle">
</td>
<td align="right"><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$board[bo_table]?>'><img src="<?=$latest_skin_path?>/img/more.png" width="33" height="11" border="0"></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="5" width="60" bgcolor="#ffffff"></td>
<td height="5" width="210" bgcolor="#CDCDCD"></td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
<!-- 최신글 목록 -->
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td colspan=4 align=center>
<table width=100% border="0">
<tr>
<td height=10>-
<?
//날짜표시
$date1 = substr($list[$i][datetime],0,10); //날짜표시형식변경
$date = explode("-", $date1);
$year = $date[0];
$month = $date[1];
$day = $date[2];
$latest_date = $year."-".$month."-".$day."";
echo $list[$i]['icon_reply'] . " ";
//echo "<a href='{$list[$i]['href']}'>"; 원본 링크
echo "<a href='javascript:void(0);' onclick=\"document.getElementById('popup').style.display = 'block'; divif.location.href='$g4[bbs_path]/board.php?bo_table=$board[bo_table]&wr_id={$list[$i][wr_id]}'\">";
// 레이어 팝업시
if ($list[$i]['
is_notice'])
echo "<font style='font-family:돋움; font-size:9pt; color:#2C88B9;'>{$latest_date} : <strong>{$list[$i]['subject']}</strong></font>";
else
echo "<font style='font-family:돋움; font-size:9pt; color:#6A6A6A;'>{$latest_date} : {$list[$i]['subject']}</font>";
echo "</a>";
if ($list[$i]['comment_cnt'])
echo " <a href=\"{$list[$i]['comment_href']}\"><span style='font-family:돋움; 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 height="1" background="<?=$latest_skin_path?>/img/box01_dot.gif"></td></tr> -->
<!--<tr><td bgcolor=#EBEBEB height=1></td></tr> -->
</table></td>
</tr>
<? } ?>
<? if (count($list) == 0) { ?><tr><td colspan=4 align=center height=66><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>
</table>
<!--// div 팝업 //-->
<style>
#popup {
position: absolute;
width: 100%;
height: 100%;
display: none;
border: 1px solid gray;
background-color: #FFFFFF;
font: 12px verdana;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color=#999999, Positive=true);
}
.toolbar {
font: 12px verdana;
border-bottom: 1px solid black;
background-color: #bbbbbb;
padding: 1px;
}
</style>
<script>
clicked = false;
function startDrag(cx,cy) {
clicked = true;
pleft=parseInt(document.getElementById("popup").style.left);
ptop=parseInt(document.getElementById("popup").style.top);
dragxcoor=cx;
dragycoor=cy;
}
function stopDrag() {
clicked = false;
}
function dragBox(evt) {
e = evt || event;
if (clicked == true) {
newx = pleft+e.clientX-dragxcoor;
newy = ptop+e.clientY-dragycoor;
document.getElementById("popup").style.left=newx;
document.getElementById("popup").style.top=newy;
return false;
}
}
document.onmousemove = dragBox;
</script>
<div id="popup" style="left: 0px; top: 0px; position:absolute">
<div class="toolbar" style="z-index:9; display: table; cursor: move;" onmousedown="startDrag(event.clientX,event.clientY)" onmouseup="stopDrag()">
<table style="z-index:9;" width="610" border="0" cellpadding="0" cellspacing="0" align=center valign=top>
<tr>
<td width="500" style="table-layout:fixed;"><font style="font-family:arial;font-size:8pt;color:#EFEFEF;">▦ <strong>dsfocus.co.kr</strong></font></td>
<td width=100%></td>
<td width=11><a href="javascript:void(0)" onclick="document.getElementById('popup').style.display='none'"><font style="font-family:arial;font-size:9pt;color:white;">×</font></a>
</td>
</tr>
</table>
</div>
<div style="padding: 5px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="z-index:9;">
<tr><td>
<?
echo "<iframe name='divif' width='600' height='500' frameborder='0' scrolling='auto' style='z-index:9;'></iframe>";
// 아이프레임 src는 제목링크에서 타겟으로
?>
<hr align="center" width="95%" size="1" color="#CCCCCC">
<p align="center"><a href="javascript:void(0)" onclick="document.getElementById('popup').style.display='none'"><font style="font-family:arial;font-size:9pt;color:#000000;"><strong>[Close]</strong></font></a></p>
</td></tr></table>
</div>
</div>
<!--// div 팝업 //-->
----
며칠째 찾아봤는데 도통 찾을 수 없어서 ㅠㅠ 도와주세요.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 5개
주석처리 되어잇는 원본 링크 라는 부분 다음줄 처럼 링크방식을 바꾸세요
<a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$board[bo_table]?>'><img src="<?=$latest_skin_path?>/img/title.gif" width="63" height="21" border="0" align="absmiddle">
이렇게 링크가 걸려있으니 전체화면으로 넘어갈수 밖에 없겠네요
<a href='javascript:void(0);' onclick="document.getElementById('popup').style.display = 'block'; divif.location.href='$g4[bbs_path]/board.php?bo_table=$board[bo_table]&wr_id={$list[$i][wr_id]}'">
이 부분이 팝업 링크형식이네요 위 링크 방식을 아래 형식으로 수정하시면 되겠네요
알려주신대로 입력해서 무사히 팝업이 떴습니다만..;; 내용이 안뜨네요;; 왜 그런걸까요;;