팝업창에 관련하여 질문드립니다. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

팝업창에 관련하여 질문드립니다. 정보

팝업창에 관련하여 질문드립니다.

본문

오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.

오류 주소 :

http://www.sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=23344
이 팝업창을 이용하여 팝업창 디자인을 변경을 하였습니다.

기존 소스;

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>

<?
for ($i=0; $i<count($list); $i++)
{
if ($i > 0)
$title = get_text($list[$i][wr_subject]);
$content = nl2br($list[$i][wr_content]);
$wr_id = "pop".$list[$i][wr_id] ;
$ileft = $i +$i +$i +$i +$i +$i +$i +$i + 50;
$itop = $i +$i +$i +$i +$i +$i +$i +$i + 300;
$img = "$g4[path]/data/file/$bo_table/".urlencode($list[$i][file][0][file]);

if (!file_exists($img) || !$list[$i][file][0][file])
echo "";
if ($list[$i][wr_1] == "실행")
{

?>

<SCRIPT language=javascript>
<!-- 
clicked = false;

function startDrag<?=$wr_id?>(cx,cy) {
    <?=$wr_id?>clicked = true;
    pleft=parseInt(document.getElementById("<?=$wr_id?>").style.left);
    ptop=parseInt(document.getElementById("<?=$wr_id?>").style.top);
    dragxcoor=cx;
    dragycoor=cy;
    document.onmousemove = dragBox<?=$wr_id?>;
}
               
function stopDrag<?=$wr_id?>() {
    clicked = false;
}
       
function dragBox<?=$wr_id?>(evt) {
e = evt || event;
    if (clicked == true) {
    newx = pleft+e.clientX-dragxcoor;
        newy = ptop+e.clientY-dragycoor;
        document.getElementById("<?=$wr_id?>").style.left=newx;
        document.getElementById("<?=$wr_id?>").style.top=newy;
//        return false;
    }
}

-->
</SCRIPT>

<script language="JavaScript">
<!--
function setCookie<?=$wr_id?>( name, value, expiredays ) {
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}

function closeWin<?=$wr_id?>() {
if ( document.notice_form<?=$wr_id?>.chkbox.checked ){
setCookie<?=$wr_id?>( "<?=$wr_id?>", "done" , 1 );
}

document.all['<?=$wr_id?>'].style.visibility = "hidden";
}
//-->
</script>

<div id="<?=$wr_id?>" style="position:absolute; left:<?=$ileft?>px; top:<?=$ileft?>; z-index:200; visibility:visible; display:table; cursor:move" onmousedown="startDrag<?=$wr_id?>(event.clientX,event.clientY)" onmouseup="stopDrag<?=$wr_id?>()">

<table border='0' cellspacing='0' cellpadding='0' bgcolor="#FFFFFF">
  <tr>
    <td width='7'><img src='<?=$latest_skin_path?>/img/bg_01.gif' width='7' height='31'></td>
    <td background='<?=$latest_skin_path?>/img/bg_04.gif'><img src='<?=$latest_skin_path?>/img/bg_02.gif' width='97' height='31'></td>
    <td background='<?=$latest_skin_path?>/img/bg_04.gif'><div align='right'><img src='<?=$latest_skin_path?>/img/bg_06.gif' width='114' height='31'></div></td>
    <td width='7'><img src='<?=$latest_skin_path?>/img/bg_07.gif' width='7' height='31'></td>
  </tr>
  <tr>
    <td background='<?=$latest_skin_path?>/img/bg_22.gif'><img src='<?=$latest_skin_path?>/img/bg_22.gif' width='7' height='1'></td>
    <td colspan='2' valign='top'>
<?
if ($list[$i][file][0][file])
{
echo  "<a href={$list[$i][wr_link1]} target={$list[$i][wr_2]}><img src='{$img}' border='0'></a>";
}
else
{
echo "<table width='367' border='0' cellspacing='0' cellpadding='0'>";
echo "<tr>";
echo "<td width='23'><img src='{$latest_skin_path}/img/bg_09.gif' width='23' height='27'></td>";
echo "<td width='320' background='{$latest_skin_path}/img/bg_11.gif'><div align='center'><img src='{$latest_skin_path}/img/bg_11.gif' width='1' height='27'></div></td>";
echo "<td width='24'><img src='{$latest_skin_path}/img/bg_13.gif' width='24' height='27'></td>";
echo "</tr>";
echo "<tr>";
echo "<td background='{$latest_skin_path}/img/bg_23.gif'><img src='{$latest_skin_path}/img/bg_23.gif' width='23' height='1'></td>";
echo "<td valign='top'>"; 
echo "<table width=100% border=0 cellspacing=0 cellpadding=0 align=center>";
echo "<tr><td height=25><font color=#416B01>♣&nbsp;<b>{$list[$i][wr_subject]}</b></font></td><td align=right>{$list[$i][datetime]}</td></tr>";
echo "<tr><td height=1 colspan=2 bgcolor=#cccccc></td></tr>";
echo "<tr><td height=2 colspan=2 bgcolor=#efefef></td></tr>";
echo "<td valign=top colspan=2 style=padding-top:10px;text-align:justify;>{$content}</td>";
echo "</tr>";
echo "</table>";
echo "</td>";
echo "<td background='{$latest_skin_path}/img/bg_19.gif'><img src='{$latest_skin_path}/img/bg_19.gif' width='24' height='8'></td>";
echo "</tr>";
echo "<tr>";
echo "<td><img src='{$latest_skin_path}/img/bg_26.gif' width='23' height='66'></td>";
echo "<td background='{$latest_skin_path}/img/bg_28.gif'><img src='{$latest_skin_path}/img/bg_27.gif' width='320' height='66'></td>";
echo "<td><img src='{$latest_skin_path}/img/bg_29.gif' width='24' height='66'></td>";
echo "</tr>";
echo "</table>";
  }
?>
</td>
    <td background='<?=$latest_skin_path?>/img/bg_18.gif'><img src='<?=$latest_skin_path?>/img/bg_18.gif' width='7' height='1'></td>
  </tr>
  <tr>
    <td><img src='<?=$latest_skin_path?>/img/bg_30.gif' width='7' height='31'></td>
    <td colspan='2' background='<?=$latest_skin_path?>/img/bg_32.gif'>
    <form name="notice_form<?=$wr_id?>">
<table width='256' border='0' cellspacing='0' cellpadding='0' align='right'>
  <tr>
    <td width="20"><a href="#"><input type="checkbox" name="chkbox" value="checkbox" onclick="closeWin<?=$wr_id?>();"></a></td>
    <td width="167">24시간 동안 이 창을 열지 않음</td>
    <td width="67"><a href="javascript:closeWin<?=$wr_id?>();"><img src='<?=$latest_skin_path?>/img/bg_34.gif' width='67' height='31' align='absmiddle' border='0'></a></td>
  </tr>
</table>
  </form>
</td>
    <td>
    <img src='<?=$latest_skin_path?>/img/bg_35.gif' width='7' height='31'>
    </td>
  </tr>
</table>

</div>

<script language="Javascript">
cookiedata = document.cookie;
if ( cookiedata.indexOf("<?=$wr_id?>=done") < 0 ){
document.all['<?=$wr_id?>'].style.visibility = "visible";
}
else {
document.all['<?=$wr_id?>'].style.visibility = "hidden";
}
</script>


<?
}
?>

<?
  }
?>


변경한 소스 (태요님의 공지창을 이용해서 디자인을 변경)

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>

<?
for ($i=0; $i<count($list); $i++)
{
if ($i > 0)
$title = get_text($list[$i][wr_subject]);
$content = nl2br($list[$i][wr_content]);
$wr_id = "pop".$list[$i][wr_id] ;
$ileft = $i +$i +$i +$i +$i +$i +$i +$i + 50;
$itop = $i +$i +$i +$i +$i +$i +$i +$i + 300;
$img = "$g4[path]/data/file/$bo_table/".urlencode($list[$i][file][0][file]);

if (!file_exists($img) || !$list[$i][file][0][file])
echo "";
if ($list[$i][wr_1] == "실행")
{

?>

<SCRIPT language=javascript>
<!-- 
clicked = false;

function startDrag<?=$wr_id?>(cx,cy) {
    <?=$wr_id?>clicked = true;
    pleft=parseInt(document.getElementById("<?=$wr_id?>").style.left);
    ptop=parseInt(document.getElementById("<?=$wr_id?>").style.top);
    dragxcoor=cx;
    dragycoor=cy;
    document.onmousemove = dragBox<?=$wr_id?>;
}
               
function stopDrag<?=$wr_id?>() {
    clicked = false;
}
       
function dragBox<?=$wr_id?>(evt) {
e = evt || event;
    if (clicked == true) {
    newx = pleft+e.clientX-dragxcoor;
        newy = ptop+e.clientY-dragycoor;
        document.getElementById("<?=$wr_id?>").style.left=newx;
        document.getElementById("<?=$wr_id?>").style.top=newy;
//        return false;
    }
}

-->
</SCRIPT>

<script language="JavaScript">
<!--
function setCookie<?=$wr_id?>( name, value, expiredays ) {
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}

function closeWin<?=$wr_id?>() {
if ( document.notice_form<?=$wr_id?>.chkbox.checked ){
setCookie<?=$wr_id?>( "<?=$wr_id?>", "done" , 1 );
}

document.all['<?=$wr_id?>'].style.visibility = "hidden";
}
//-->
</script>

<div id="<?=$wr_id?>" style="position:absolute; left:<?=$ileft?>px; top:<?=$ileft?>; z-index:200; visibility:visible; display:table; cursor:move" onmousedown="startDrag<?=$wr_id?>(event.clientX,event.clientY)">

<table cellSpacing=1 cellPadding=0 width=500 bgColor=gray>
  <tr>
    <td>
      <table cellSpacing=0 cellPadding=0 width=500 bgColor=white border=0>
        <tr>
          <td width=24><img height=28 src='<?=$latest_skin_path?>/img/info_front.gif'
            width=24></td>
          <td style="COLOR: white" width=476
            bgColor=#2a75b6>&nbsp;&nbsp;<B>최근게시글</B> <span style="WIDTH: 332px"></span><a href="javascript:closeWin<?=$wr_id?>();"><img height=11 src='<?=$latest_skin_path?>/img/x.gif' width=12 border=0></a>
</td>
        </tr>
        <tr>
          <td align=middle colSpan=2>
            <table style="MARGIN-TOP: 10px" cellSpacing=0 cellPadding=0 width=450>
              <tr>
                <td height="3"><img height=3 src='<?=$latest_skin_path?>/img/info_round_top.gif' width=470></td>
              </tr>
              <tr bgColor=#b6c9d9 height=21>
                <td style="BORDER-RIGHT: #5a9cd6 1px solid; BORDER-LEFT: #5a9cd6 1px solid; COLOR: white;BORDER-BOTTOM: #5a9cd6 1px solid">&nbsp;&nbsp;<font class="title"><strong><?echo "{$list[$i][wr_subject]}";?></strong></font></td>
              </tr>
              <tr align=right bgColor=#f4f4f4 height=25>
                <td style="BORDER-BOTTOM: #b6c9d9 1px dotted"><font class="title"><strong><?echo "{$list[$i][datetime]}"?></big></font></td>
              </tr>
              <tr bgColor=white>
                <td
                style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; text-align:justify;"><font><?echo "{$content}"?></font></td>
              </tr>
              <tr>
                <td height="4"><img height=4 src='<?=$latest_skin_path?>/img/info_round_bottom.gif' width=470></td>
              </tr>
    </table>
            <p></p></td>
  </tr>

<form name="notice_form<?=$wr_id?>">
<table width='256' border='0' cellspacing='0' cellpadding='0' align='right' style='BORDER-TOP: #4c4c4c 1px solid' align=right bgColor=#4c4c4c>
  <tr>
    <td><a href="#"><input type="checkbox" name="chkbox" value="checkbox" onclick="closeWin<?=$wr_id?>();"></a></td>
    <td width="167">24시간 동안 이 창을 열지 않음</td>
    <td width="67"><a href="javascript:closeWin<?=$wr_id?>();"><img src='<?=$latest_skin_path?>/img/info_close.gif' width=45 align='absmiddle' border='0'></a></td>
  </tr>
</table>
</form>
</table>
  </td>
</tr>
</table>
</div>


<script language="Javascript">
cookiedata = document.cookie;
if ( cookiedata.indexOf("<?=$wr_id?>=done") < 0 ){
document.all['<?=$wr_id?>'].style.visibility = "visible";
}
else {
document.all['<?=$wr_id?>'].style.visibility = "hidden";
}
</script>


<?
}
?>

<?
  }
?>

이 두가지를 비교를 하게되면

크게 두가지가 변경후 현상이 발생합니다.

첫번째 : 여러개 팝업창이 나와야 하는데... 하나만 나옵니다.
두번째 : 내용이 그림이 있을때 그림이 나오지 않습니다.

어디를 어떻게 수정을 해야만 정상적으로 사용 할 수 있을까요?
고수님들의 한수 부탁드립니다.
  • 복사

댓글 전체

목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로