여분필드를 활용한 게시판 스킨 제작 - 댓글 쓰기 페이지에 적용하는 방법 - 게시판스킨강좌, 그누보드5강좌

본문 바로가기
전체검색

게시판스킨강좌

그누보드, 영카트 초보 제작자분들을 위한 다양한 스킨 제작 활용 팁을 공유합니다.

여분필드를 활용한 게시판 스킨 제작 - 댓글 쓰기 페이지에 적용하는 방법

관리자 17-10-14 15:32

게시판 여분필드는 댓글을 작성할 때도 사용할 수가 있습니다.

글쓰기 페이지에 적용했던 방법과는 많은 차이가 있습니다.


간단한 예제를 통해 살펴보겠습니다. basic 스킨 기준입니다.



수정파일 : view_comment.skin.php



1. 댓글 출력 부분 적당한 위치에 추가


여분필드1 : <?php echo $list[$i]['wr_1']; ?>

여분필드2 : <?php echo $list[$i]['wr_2']; ?>

여분필드3 : <?php echo $list[$i]['wr_3']; ?>



2. 아래 내용을 찾은 후 빨간색 부분 추가


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

<input type="hidden" value="<?php echo $list[$i]['wr_1'] ?>" id="save_comment_wr1_<?php echo $comment_id ?>">

<input type="hidden" value="<?php echo $list[$i]['wr_2'] ?>" id="save_comment_wr2_<?php echo $comment_id ?>">

<input type="hidden" value="<?php echo $list[$i]['wr_3'] ?>" id="save_comment_wr3_<?php echo $comment_id ?>">

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



3. 댓글 작성 부분 적당한 위치에 추가 


<tr>

    <th scope="row">여분필드1</th>

    <td><input type="text" name="wr_1" id="wr_1" value="<?php echo $wr_1; ?>" class="frm_input"></td>

</tr>

<tr>

    <th scope="row">여분필드2</th>

    <td><input type="text" name="wr_2" id="wr_2" value="<?php echo $wr_2; ?>" class="frm_input"></td>

</tr>

<tr>

    <th scope="row">여분필드3</th>

    <td>

        <select name="wr_3" id="wr_3">

            <option value="">선택하세요.</option>

            <option value="남자" <?php echo ($wr_3 == "남자") ? "selected" : "";?>>남자</option>

            <option value="여자" <?php echo ($wr_3 == "여자") ? "selected" : "";?>>여자</option>

        </select>

    </td>

</tr>




4. 하단 스크립트 부분에서 빨간색 부분 추가


if (work == 'cu')

{

    document.getElementById('wr_1').value = document.getElementById('save_comment_wr1_' + comment_id).value;

    document.getElementById('wr_2').value = document.getElementById('save_comment_wr2_' + comment_id).value;

    document.getElementById('wr_3').value = document.getElementById('save_comment_wr3_' + comment_id).value;

    document.getElementById('wr_content').value = document.getElementById('save_comment_' + comment_id).value;



수정된 파일 첨부했으니 참고하세요.

첨부파일

view_comment.skin.php (14.3K) 2017-10-25 23:34:20
로그인 후 댓글 작성 가능합니다.
그누스킨닷컴

그누스터디는 그누보드, 영카트를 이용하시는 초보 사용자를 위한 정보를 공유합니다.

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright © GNUSTUDY. All rights reserved.