웹마스터 팁
[스케치북5] 댓글 수정 간략화하기.. (새로고침 없이 하는 방법 추가)
2014.01.05 22:05
참고)
이 팁은 코어 수정을 필요로합니다.
적용 후의 책임은 사용자 분께 있으니 적용 전 백업을 하거나 변경점을 저장해두세요.
테스트 사이트에서 문제 없이 잘 되었으니, 아마 큰 문제는 생기지 않을 것이라고 생각합니다.
그리고 초보자인지라 소스가 조금 지저분하니, 시간 남는 고수 분들께서 수정해주시면 감사하겠습니다.
1. board/skins/sketchbook5/_comment_write.html 최 하단에 아래 소스 추가
────────────────────
2. board/skins/sketchbook5/_comment.html 내의 댓글 수정 버튼에 아래 소스 추가
────────────────────
<a href="{getUrl('act','dispBoardModifyComment','comment_srl',$comment->comment_srl)}" onclick="modComment({$comment->get('comment_srl')});return false"><span class="ico_16px write">
────────────────────
3. board/skins/sketchbook5/css/board.css 내에 아래 css 추가
────────────────────
/*mod_cmt*/
#mod_cmt {display:none;margin:15px -2px 0;padding:15px 2px 0;border-top:1px solid #EEE}
#mod_cmt .close{margin-left:15px}
#mod_cmt .cmt_editor_tl{margin-bottom:15px}
#mod_cmt .cmt_editor_tl strong{padding-left:4px}
#mod_cmt .ico_16px.re{position:static}
#mod_cmt .simple_wrt{margin:0}
#mod_cmt .edit_opt{margin:8px 0 0}
#mod_cmt .btn_img{margin:5px -2px}
────────────────────
4. board/skins/sketchbook5/js/board.js 내에 아래 js 추가
────────────────────
────────────────────
5. comment/comment.item.php 약 323째줄 이하 일부 수정
────────────────────
// if additional information which can access contents is set
if($add_content_info)
{
$memberSrl = $this->get('member_srl');
if($memberSrl < 0)
{
$memberSrl = 0;
}
$content = sprintf(
'<!--BeforeComment(%d,%d)--><div id="cmt-content-%d"
style="margin:0" class="comment_%d_%d
xe_content">%s</div><!--AfterComment(%d,%d)-->',
$this->comment_srl, $memberSrl, $this->comment_srl,
$this->comment_srl, $memberSrl, $content, $this->comment_srl,
$memberSrl
);
// xe_content class name should be specified although content access is not necessary.
────────────────────
성공적으로 적용되었다면 아래 첨부파일처럼 됩니다.
참고2) 새로고침 없이 적용하는법
이즈야 님의 AjaxBoard 애드온 사용시 새로고침 없이 댓글을 수정 가능합니다.
적용 방법은, 팁 본문에 게시된 방법의 1번 부분에서
23번째줄 onclick="setTimeout('location.reload()',700);" 를 삭제해주시면 됩니다.