코멘트 출력 스킨 수정

c99fc73815177e12a3a7073f027a8c3b_1485624112_3757.png
 

안녕하세요 위의 이미지와 같이

view_comment_skin.php 파일을 설정하고 싶은데

초보적인 셀렉트 박스 > 이미지 출력 부분부터 막혀서 이걸 해결해도 스크립트 내에 어떻게 넣어야할지 모르겠어서 질문하러 왔습니다ㅠㅠ...

몇몇개 소스 찾아보며 헤딩하고 있는데 익플버전이거나..이것저것 이거다! 싶은게 계속 안나오네요ㅠ

+근데 옵션을 50개 가량 할거 같아서 셀렉트 박스보단 역시 텍스트 박스로 출력하거나

여분필드를 이용해서 텍스트 박스에 링크를 입력하면 이미지가 뜨는 방식을 새로이 생각하고 있습니다.

여분필드 값은 wr_6 을 사용할거 같습니다만...코멘트 부분도 여분 필드 사용이 가능한지요?...

팁이나마 부탁드립니다..ㅠㅠ...

뷰 코멘트 스킨 부분입니다

view_comment_skin.php  

Copy
<?if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가?> <script type="text/javascript">// 글자수 제한var char_min = parseInt(<?=$comment_min?>); // 최소var char_max = parseInt(<?=$comment_max?>); // 최대</script> <? if ($cwin==1) { ?><table width=100% cellpadding=10 align=center><tr><td><?}?> <!-- 코멘트 리스트 --><div id="commentContents"><?for ($i=0; $i<count($list); $i++) {    $comment_id = $list[$i][wr_id];?><a name="c_<?=$comment_id?>"></a><table width=100% cellpadding=0 cellspacing=0 border=0><tr>    <td><? for ($k=0; $k<strlen($list[$i][wr_comment_reply]); $k++) echo "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"; ?></td>    <td width='100%'>         <table border=0 cellpadding=0 cellspacing=0 width=100% >        <tr>            <td height=1 colspan=3 bgcolor="#202020"><td>        </tr>        <tr>            <td height=1 colspan=3></td>        </tr>        <tr>            <td valign=top>                <div style="height:28px; background-color: rgba(0, 0, 0, 0.0); clear:both; line-height:28px;">                <div style="float:left; margin:2px 0 0 2px;">                <strong><?=$list[$i][name]?></strong>                <span style="color:#888888; font-size:11px;"><?=$list[$i][datetime]?></span>                </div>                <div style="float:right; margin-top:5px;">                <? if ($is_ip_view) { echo "&nbsp;<span style=\"color:#B2B2B2; font-size:11px;\">{$list[$i][ip]}</span>"; } ?>                <? if ($list[$i][is_reply]) { echo "<a href=\"javascript:comment_box('{$comment_id}', 'c');\">답변</a> "; } ?>                <? if ($list[$i][is_edit]) { echo "<a href=\"javascript:comment_box('{$comment_id}', 'cu');\">수정</a> "; } ?>                <? if ($list[$i][is_del])  { echo "<a href=\"javascript:comment_delete('{$list[$i][del_link]}');\">삭제</a> "; } ?>                &nbsp;                </div>                </div>                 <!-- 코멘트 출력 -->                <div style='line-height:20px; padding:7px; word-break:break-all; overflow:hidden; clear:both; color:white;margin-left:50px;'>                <?                if (strstr($list[$i][wr_option], "secret")) echo "<span style='color:#ff6600;'>*</span> ";                $str = nl2br(stripslashes($list[$i]['wr_content']));                if (strstr($list[$i][wr_option], "secret"))                    $str = "<span class='small' style='color:#ff6600;'>$str</span>";                 $str = preg_replace("/\[\<a\s.*href\=\"(http|https|ftp|mms)\:\/\/([^[:space:]]+)\.(mp3|wma|wmv|asf|asx|mpg|mpeg)\".*\<\/a\>\]/i", "<script>doc_write(obj_movie('$1://$2.$3'));</script>", $str);                // FLASH XSS 공격에 의해 주석 처리 - 110406                //$str = preg_replace("/\[\<a\s.*href\=\"(http|https|ftp)\:\/\/([^[:space:]]+)\.(swf)\".*\<\/a\>\]/i", "<script>doc_write(flash_movie('$1://$2.$3'));</script>", $str);                $str = preg_replace("/\[\<a\s*href\=\"(http|https|ftp)\:\/\/([^[:space:]]+)\.(gif|png|jpg|jpeg|bmp)\"\s*[^\>]*\>[^\s]*\<\/a\>\]/i", "<img src='$1://$2.$3' id='target_resize_image[]' onclick='image_window(this);' border='0'>", $str);                echo $str;                ?>                </div>                <? if ($list[$i][trackback]) { echo "<p>".$list[$i][trackback]."</p>"; } ?>                <span id='edit_<?=$comment_id?>' style='display:none;'></span><!-- 수정 -->                <span id='reply_<?=$comment_id?>' style='display:none;'></span><!-- 답변 -->                </div>                <input type=hidden id='secret_comment_<?=$comment_id?>' value="<?=strstr($list[$i][wr_option],"secret")?>">                               <textarea id='save_comment_<?=$comment_id?>' style='display:none;'><?=get_text($list[$i][content1], 0)?></textarea></td>        </tr>        <tr>            <td height=5 colspan=3></td>        </tr>        </table>     </td></tr></table><? } ?></div><!-- 코멘트 리스트 --> <? if ($is_comment_write) { ?><!-- 코멘트 입력 --><div id=comment_write style="display:none;"><table width=100% style="border-radius: 7px; border: 3px solid #202020;"cellpadding=1 cellspacing=0 bgcolor="Transparent"><tr><td><form name="fviewcomment" method="post" action="./write_comment_update.php" onsubmit="return fviewcomment_submit(this);" autocomplete="off" style="margin:0px;"><input type=hidden name=w           id=w value='c'><input type=hidden name=bo_table    value='<?=$bo_table?>'><input type=hidden name=wr_id       value='<?=$wr_id?>'><input type=hidden name=comment_id  id='comment_id' value=''><input type=hidden name=sca         value='<?=$sca?>' ><input type=hidden name=sfl         value='<?=$sfl?>' ><input type=hidden name=stx         value='<?=$stx?>'><input type=hidden name=spt         value='<?=$spt?>'><input type=hidden name=page        value='<?=$page?>'><input type=hidden name=cwin        value='<?=$cwin?>'><input type=hidden name=is_good     value=''> <table width=100% cellpadding=3 height=156 cellspacing=0 bgcolor="Transparent" style="background-color: rgba(0, 0, 0, 0.0); border: 0px; height: auto; padding:15px; padding-bottom:25px;padding-top:25px;"><tr>    <td colspan="2" style="padding:5px 0 0 5px;">         <? if ($is_guest) { ?>            이름 <INPUT type=text maxLength=20 size=10 name="wr_name" itemname="이름" required class=ed>            패스워드 <INPUT type=password maxLength=20 size=10 name="wr_password" itemname="패스워드" required class=ed>            <? if ($is_guest) { ?>            <img id='kcaptcha_image' />            <input title="왼쪽의 글자를 입력하세요." type="input" name="wr_key" size="10" itemname="자동등록방지" required class=ed>            <?}?>        <? } ?>         <? if ($comment_min || $comment_max) { ?><span id=char_count></span>글자<?}?>    </td></tr><tr>    <td width=95%>       <textarea id="wr_content" name="wr_content" rows=8 itemname="내용" required        <? if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?}?> style='color:white; width:100%; word-break:break-all; background-color: rgba(0, 0, 0, 0.5); border:1px solid #202020' class=tx></textarea>        <? if ($comment_min || $comment_max) { ?><script type="text/javascript"> check_byte('wr_content', 'char_count'); </script><?}?>    </td>    <td width=85 align=center>        <div><input type="image" src="<?=$board_skin_path?>/img/co_btn_write.png" border=0 accesskey='s'></div>    </td></tr></table></form></td></tr></table></div> <script type="text/javascript" src="<?="$g4[path]/js/jquery.kcaptcha.js"?>"></script><script type="text/javascript">var save_before = '';var save_html = document.getElementById('comment_write').innerHTML; function good_and_write(){    var f = document.fviewcomment;    if (fviewcomment_submit(f)) {        f.is_good.value = 1;        f.submit();    } else {        f.is_good.value = 0;    }} function fviewcomment_submit(f){    var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자     f.is_good.value = 0;     /*    var s;    if (s = word_filter_check(document.getElementById('wr_content').value))    {        alert("내용에 금지단어('"+s+"')가 포함되어있습니다");        document.getElementById('wr_content').focus();        return false;    }    */     var subject = "";    var content = "";    $.ajax({        url: "<?=$board_skin_path?>/ajax.filter.php",        type: "POST",        data: {            "subject": "",            "content": f.wr_content.value        },        dataType: "json",        async: false,        cache: false,        success: function(data, textStatus) {            subject = data.subject;            content = data.content;        }    });     if (content) {        alert("내용에 금지단어('"+content+"')가 포함되어있습니다");        f.wr_content.focus();        return false;    }     // 양쪽 공백 없애기    var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자    document.getElementById('wr_content').value = document.getElementById('wr_content').value.replace(pattern, "");    if (char_min > 0 || char_max > 0)    {        check_byte('wr_content', 'char_count');        var cnt = parseInt(document.getElementById('char_count').innerHTML);        if (char_min > 0 && char_min > cnt)        {            alert("코멘트는 "+char_min+"글자 이상 쓰셔야 합니다.");            return false;        } else if (char_max > 0 && char_max < cnt)        {            alert("코멘트는 "+char_max+"글자 이하로 쓰셔야 합니다.");            return false;        }    }    else if (!document.getElementById('wr_content').value)    {        alert("코멘트를 입력하여 주십시오.");        return false;    }     if (typeof(f.wr_name) != 'undefined')    {        f.wr_name.value = f.wr_name.value.replace(pattern, "");        if (f.wr_name.value == '')        {            alert('이름이 입력되지 않았습니다.');            f.wr_name.focus();            return false;        }    }     if (typeof(f.wr_password) != 'undefined')    {        f.wr_password.value = f.wr_password.value.replace(pattern, "");        if (f.wr_password.value == '')        {            alert('패스워드가 입력되지 않았습니다.');            f.wr_password.focus();            return false;        }    }     if (!check_kcaptcha(f.wr_key)) {        return false;    }     return true;} /*jQuery.fn.extend({    kcaptcha_load: function() {        $.ajax({            type: 'POST',            url: g4_path+'/'+g4_bbs+'/kcaptcha_session.php',            cache: false,            async: false,            success: function(text) {                $('#kcaptcha_image')                    .attr('src', g4_path+'/'+g4_bbs+'/kcaptcha_image.php?t=' + (new Date).getTime())                    .css('cursor', '')                    .attr('title', '');                md5_norobot_key = text;            }        });    }});*/ function comment_box(comment_id, work){    var el_id;    // 코멘트 아이디가 넘어오면 답변, 수정    if (comment_id)    {        if (work == 'c')            el_id = 'reply_' + comment_id;        else            el_id = 'edit_' + comment_id;    }    else        el_id = 'comment_write';     if (save_before != el_id)    {        if (save_before)        {            document.getElementById(save_before).style.display = 'none';            document.getElementById(save_before).innerHTML = '';        }         document.getElementById(el_id).style.display = '';        document.getElementById(el_id).innerHTML = save_html;        // 코멘트 수정        if (work == 'cu')        {            document.getElementById('wr_content').value = document.getElementById('save_comment_' + comment_id).value;            if (typeof char_count != 'undefined')                check_byte('wr_content', 'char_count');            if (document.getElementById('secret_comment_'+comment_id).value)                document.getElementById('wr_secret').checked = true;            else                document.getElementById('wr_secret').checked = false;        }         document.getElementById('comment_id').value = comment_id;        document.getElementById('w').value = work;         save_before = el_id;    }     if (typeof(wrestInitialized) != 'undefined')        wrestInitialized();     //jQuery(this).kcaptcha_load();    if (comment_id && work == 'c')        $.kcaptcha_run();} function comment_delete(url){    if (confirm("이 코멘트를 삭제하시겠습니까?")) location.href = url;} comment_box('', 'c'); // 코멘트 입력폼이 보이도록 처리하기위해서 추가 (root님)</script><? } ?> <? if($cwin==1) { ?></td><tr></table><p align=center><a href="javascript:window.close();"><img src="<?=$board_skin_path?>/img/btn_close.gif" border="0"></a><br><br><?}?>
|

답변 1개

보통 스킨은

    for ($i=0; $i<$cmt_amt; $i++) {

부터가 코멘트를 리스트를 보여주는 부분이다

여기서 보다시피

        $comment_id = $list[$i]['wr_id'];
        $cmt_depth = ""; // 댓글단계
        $cmt_depth = strlen($list[$i]['wr_comment_reply']) * $depth_gap;
        $comment = $list[$i]['content'];
        $cmt_sv = $cmt_amt - $i + 1; // 댓글 헤더 z-index 재설정 ie8 이하 사이드뷰 겹침 문제 해결

등등의 여러 소스가 있지만

첩부 파일을 가져오기위해서는 데이타 베이스의 g5_board_file  테이블의 구조와 게시판의 구조를 이해해야 한다

하지만 php 소스의  구동 방법이나 함수를 이해햇다해도

   <div class="media-body">
    <div class="media-heading">

등등의 css 의 class 의 속성을 알아야 보여주는 부분을 만들수 있다

그러므로 질문자가 위작업을 수행하기위해서는 

css 파일 즉 style.css 의 내용을 알지 못하고 질문 을 하면 안된다

위부분은 간단하게 디자인 문제를 애기한것이고

보통 이미지를 가져오기위해서는 게시판구조의  필드 wr_id와  g5_board_file 의 wr_id와 의 조인을 통해 가져온다

게시판의 wr_id숫자가  21 라면 g5_board_file 의 구조에도  wr_id 의 번호가 같은 것이 있다 또한 그 필드에는 bf_no  필드가 잇는데 거기의 숫자가 0이면 첫번째 2두번째 파일이다

이러한 것을 간편하기위해 그누보드 기본 소스에는  get_view_thumbnail 로 정의하고있다

또한

get_view_thumbnail 의 정의는 lib 폴더안에 안에 thumbnail.lib.php 의 인터넷 이미지를 만드는 소스가 잇다

우선 코 맨트는 첩부 파일이 없기때문에 만들어줘야한다 그것은

<form name="fviewcomment" method="post" action="./write_comment_update.php" onsubmit="return fviewcomment_submit(this);" autocomplete="off" style="margin:0px;">


이안에 써야 한다

-안에 써들어 가는 소스테그들은 write.skin.php 의 페이지 디자인 소스와

    write_update.php 의 하다에 보이는  첩부 파일 소스를 참고해서 개발을 해야한다



</form>

답변을 작성하려면 로그인이 필요합니다.