테스트 사이트 - 개발 중인 베타 버전입니다

게시판 뷰 댓글입력 폼 위치 변경 후 댓글수정시 return false 미적용 채택완료

coDribble 5년 전 조회 2,164

게시판 뷰페이지에서 댓글부분의 기본 레이아웃은

 

댓글목록

댓글입력

스크립트

 

순서인데

 

댓글입력

댓글목록

스크립트

 

으로 변경하고 댓글 작성 후 내가 단 댓글 수정을 누르면

 

return false 가 먹질 않는 것 같습니다;;

 

새로고침되는 현상같은 상황에서 3~4번정도 클릭하니 그제서야 댓글입력창이 제대로 뜨는데

 

이 현상은 어떻게 잡아야 할까요...??ㅠㅠㅠ

 

스크립트 부분은 그대로 놔뒀습니다.

 

게시판 스킨의 view_comment.skin.php 파일입니다ㅠㅠ

</p>

<p><!-- 댓글 시작 { -->

<?php if ($is_comment_write) {

    if($w == '')

        $w = 'c';

?>

<!-- 댓글 쓰기 시작 { -->

<aside id="bo_vc_w" class="bo_vc_w">

    <h2>댓글쓰기</h2>

    <form name="fviewcomment" id="fviewcomment" action="<?php echo $comment_action_url; ?>" onsubmit="return fviewcomment_submit(this);" method="post" autocomplete="off">

    <input type="hidden" name="w" value="<?php echo $w ?>" id="w">

    <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">

    <input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">

    <input type="hidden" name="comment_id" value="<?php echo $c_id ?>" id="comment_id">

    <input type="hidden" name="sca" value="<?php echo $sca ?>">

    <input type="hidden" name="sfl" value="<?php echo $sfl ?>">

    <input type="hidden" name="stx" value="<?php echo $stx ?>">

    <input type="hidden" name="spt" value="<?php echo $spt ?>">

    <input type="hidden" name="page" value="<?php echo $page ?>">

    <input type="hidden" name="is_good" value=""></p>

<p>    <span class="sound_only">내용</span>

    <?php if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?php } ?>

    <div class="bo_vc_w_frm clearfix">

        <textarea id="wr_content" name="wr_content" maxlength="10000" required class="required" title="내용" placeholder="댓글내용을 입력해주세요"

        <?php if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?php } ?>><?php echo $c_wr_content; ?></textarea>

        <button type="submit" id="btn_submit" class="btn_submit md-title">등록</button>

    </div>

    <?php if ($comment_min || $comment_max) { ?><script> check_byte('wr_content', 'char_count'); </script><?php } ?>

    <script>

    $(document).on("keyup change", "textarea#wr_content[maxlength]", function() {

        var str = $(this).val()

        var mx = parseInt($(this).attr("maxlength"))

        if (str.length > mx) {

            $(this).val(str.substr(0, mx));

            return false;

        }

    });

    </script>

    </form>

</aside>

<?php } ?>

<!-- } 댓글 쓰기 끝 --></p>

<p><section id="bo_vc">

    <h2>댓글목록</h2>

    <?php

    $cmt_amt = count($list);

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

        $comment_id = $list[$i]['wr_id'];

        $cmt_depth = 40 + strlen($list[$i]['wr_comment_reply']) * 40;

        $comment = $list[$i]['content'];

        /*

        if (strstr($list[$i]['wr_option'], "secret")) {

            $str = $str;

        }

        */

        $comment = 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>", $comment);

        $cmt_sv = $cmt_amt - $i + 1; // 댓글 헤더 z-index 재설정 ie8 이하 사이드뷰 겹침 문제 해결

        $c_reply_href = $comment_common_url.'&c_id='.$comment_id.'&w=c#bo_vc_w';

        $c_edit_href = $comment_common_url.'&c_id='.$comment_id.'&w=cu#bo_vc_w';

        $is_comment_reply_edit = ($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) ? 1 : 0;

    ?></p>

<p>    <article id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="padding-left:<?php echo $cmt_depth ?>px;border-top-color:#ddd"<?php } ?>></p>

<p>        <div class="cm_wrap"></p>

<p>

            <!-- 댓글 출력 -->

            <div class="cmt_contents">

                <p>

                    <?php if (strstr($list[$i]['wr_option'], "secret")) { ?><img src="<?php echo $board_skin_url; ?>/img/icon_secret.gif" alt="비밀글"><?php } ?>

                    <?php echo $comment ?>

                </p>

                <?php if($is_comment_reply_edit) {

                    if($w == 'cu') {

                        $sql = " select wr_id, wr_content, mb_id from $write_table where wr_id = '$c_id' and wr_is_comment = '1' ";

                        $cmt = sql_fetch($sql);

                        if (!($is_admin || ($member['mb_id'] == $cmt['mb_id'] && $cmt['mb_id'])))

                            $cmt['wr_content'] = '';

                        $c_wr_content = $cmt['wr_content'];

                    }

                ?>

                <?php } ?>

            </div></p>

<p>            <header style="z-index:<?php echo $cmt_sv; ?>">

                <h2><?php echo get_text($list[$i]['wr_name']); ?>님의 <?php if ($cmt_depth) { ?><span class="sound_only">댓글의</span><?php } ?> 댓글</h2>

                <?php echo $list[$i]['name'] ?>

                <?php if ($is_ip_view) { ?>

                <span class="sound_only">아이피</span>

                <span>(<?php echo $list[$i]['ip']; ?>)</span>

                <?php } ?>

                <span class="sound_only">작성일</span>

                <span class="bo_vc_hdinfo"><time datetime="<?php echo date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime'])) ?>"><?php echo passingTime($list[$i]['datetime']); ?></time></span>

                <?php

                include(G5_SNS_PATH.'/view_comment_list.sns.skin.php');

                ?>

            </header></p>

<p>            <span id="edit_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 수정 -->

            <span id="reply_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 답변 --></p>

<p>            <input type="hidden" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>" id="secret_comment_<?php echo $comment_id ?>">

            <textarea id="save_comment_<?php echo $comment_id ?>" style="display:none"><?php echo get_text($list[$i]['content1'], 0) ?></textarea>

        </div>

        <?php if($is_comment_reply_edit) { ?>

        <div class="bo_vl_opt">

            <ul class="bo_vc_act">

                <?php if ($list[$i]['is_reply']) { ?><li><a href="<?php echo $c_reply_href; ?>" onclick="comment_box('<?php echo $comment_id ?>', 'c'); return false;" class="btn btn_b01">답변</a></li><?php } ?>

                <?php if ($list[$i]['is_edit']) { ?><li><a href="<?php echo $c_edit_href; ?>" onclick="comment_box('<?php echo $comment_id ?>', 'cu'); return false;" class="btn btn_b03">수정</a></li><?php } ?>

                <?php if ($list[$i]['is_del']) { ?><li><a href="<?php echo $list[$i]['del_link']; ?>" onclick="return comment_delete();" class="btn btn_b02">삭제</a></li><?php } ?>

            </ul>

        </div>

        <?php } ?>

    </article>

    <?php } ?>

    <?php if ($i == 0) { //댓글이 없다면 ?><p id="bo_vc_empty">등록된 댓글이 없습니다.</p><?php } ?></p>

<p></section>

<!-- } 댓글 끝 --></p>

<p><script>

var save_before = '';

var save_html = document.getElementById('bo_vc_w').innerHTML;</p>

<p>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;

    }

}</p>

<p>function fviewcomment_submit(f)

{

    var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자</p>

<p>    f.is_good.value = 0;</p>

<p>    var subject = "";

    var content = "";

    $.ajax({

        url: g5_bbs_url+"/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;

        }

    });</p>

<p>    if (content) {

        alert("내용에 금지단어('"+content+"')가 포함되어있습니다");

        f.wr_content.focus();

        return false;

    }</p>

<p>    // 양쪽 공백 없애기

    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;

    }</p>

<p>    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;

        }

    }</p>

<p>    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;

        }

    }</p>

<p>    <?php if($is_guest) echo chk_captcha_js();  ?></p>

<p>    set_comment_token(f);</p>

<p>    document.getElementById("btn_submit").disabled = "disabled";</p>

<p>    return true;

}</p>

<p>function comment_box(comment_id, work)

{

    var el_id,

        form_el = 'fviewcomment',

        respond = document.getElementById(form_el);</p>

<p>    // 댓글 아이디가 넘어오면 답변, 수정

    if (comment_id)

    {

        if (work == 'c')

            el_id = 'reply_' + comment_id;

        else

            el_id = 'edit_' + comment_id;

    }

    else

        el_id = 'bo_vc_w';</p>

<p>    if (save_before != el_id)

    {

        if (save_before)

        {

            document.getElementById(save_before).style.display = 'none';

        }</p>

<p>        document.getElementById(el_id).style.display = '';

        document.getElementById(el_id).appendChild(respond);

        //입력값 초기화

        document.getElementById('wr_content').value = '';</p>

<p>        // 댓글 수정

        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;

        }</p>

<p>        document.getElementById('comment_id').value = comment_id;

        document.getElementById('w').value = work;</p>

<p>        if(save_before)

            $("#captcha_reload").trigger("click");</p>

<p>        save_before = el_id;

    }

}</p>

<p>function comment_delete()

{

    return confirm("이 댓글을 삭제하시겠습니까?");

}</p>

<p>comment_box('', 'c'); // 댓글 입력폼이 보이도록 처리하기위해서 추가 (root님)</p>

<p><?php if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) { ?></p>

<p>$(function() {

    // sns 등록

    $("#bo_vc_send_sns").load(

        "<?php echo G5_SNS_URL; ?>/view_comment_write.sns.skin.php?bo_table=<?php echo $bo_table; ?>",

        function() {

            save_html = document.getElementById('bo_vc_w').innerHTML;

        }

    );

});

<?php } ?>

</script></p>

<p>

 

 

순서를

 

 

댓글입력

스크립트

 

댓글목록

 

으로 바꿔봐도 답변은 한번에 잘뜨는데 수정은 3번정도 클릭해야 return false 가 먹히는것 같습니다ㅠㅠㅠ

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

답변 2개

채택된 답변
+20 포인트
5년 전

수정해야 될 데이타가 넘어 와야 되는데,  댓글 입력이 먼저다 보니, 수정시에는 문제가 발생하는 것 같습니다.

 

그런데, 이것을 찾아 볼려고 해도,  별 도움이 안될 것 같다 보니, 코드를 집중해서 보기가 어렵네요.  

 

수정시 넘어오는 것과 연관된 부분을 찾아 보세요 ($w='cu')

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

c
coDribble
5년 전
답변 감사드립니다~! 알려주신대로 찾아봐야겠네요!!

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

c
5년 전

비밀글 필요가없어서 체크박스를 지우고 입력폼을 상단으로 옮긴거였는데 

 

그거때문에 자꾸 새로고침되는 현상이 생기는 거였네요;;

 

비밀글 체크박스 넣으니 증상이 사라졌습니다..;; 그냥 비밀글 체크박스 name 값을 hidden 처리하고 강제로 안하는거로 넘겨줘야겠네요;;

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

c
coDribble
5년 전
...;; hidden 으로 넘기고 원래 체크박스는 지우고 해보니 똑같이 새로고침돼서 wr_secret 을 다른데서 사용하는지 찾아보니 스크립트에서 체크박스의 value 값 판단해서 체크 or 언체크 로 바꿔주는 소스가 있어서 그 부분을 지워서 해결했습니다.;;

[code]
// 스크립트 부분에서 해당 조건문을 찾아서
// 아래와 같이 주석

// 댓글 수정
if( work == 'cu' )

/*if (document.getElementById('secret_comment_'+comment_id).value)
document.getElementById('wr_secret').checked = true;
else
document.getElementById('wr_secret').checked = false;*/
[/code]

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

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

로그인