웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
도움안될 것 같은 람보의 주옥같은 팁1 (스케치북 스킨에서 ctrl+enter키로 댓글작성 완료하기)
2014.04.26 17:50
1. 개요
깃허브를 자주 사용하시는 분들은 단축키를 컨트롤 + 엔터로 마무리 하는 경우가 많고, 이미 많은 사이트(트위터 깃허브밖에 못봄잼..)에서도 이와같은 방법으로 사용하고 있습니다.
2. 조건
스케치북 스킨에서 textarea 댓글 모드에서만 작동합니다./댓글방식을 에디터형으로 사용할 경우 작동이 안됩니다./ 에디터까지 수정할 여력은 없습니다.
3. 방법
스케치북 스킨의 ftp상의
_comment_write.html 파일을 실행 해보세요.
총 두번의 작업이 필요합니다.<input type="submit"
을 검색해보면 첫번째 30~33번째줄 쯤 해당 코드가 있는 것을 보실 것입니다.
해당 태그 다음 다음 js스크립트를 넣어줍니다.
<input type="submit" value="{$lang->cmd_submit}" class="bd_btn css-btn" />
<script language="javascript" >
jQuery(function($){
function getCaret(el) {
if (el.selectionStart) {
return el.selectionStart;
} else if (document.selection) {
el.focus();
var r = document.selection.createRange();
if (r == null) {
return 0;
}
var re = el.createTextRange(),
rc = re.duplicate();
re.moveToBookmark(r.getBookmark());
rc.setEndPoint('EndToStart', re);
return rc.text.length;
}
return 0;
}
$("#editor_{$oDocument->document_srl}").keyup(function(e){
if (e.keyCode == 13 && e.ctrlKey) {
$(".css-btn").click();
}
});
});
</script>
여기서 중요한건 제가 연두색으로 칠한 부분이 중요합니다. 해당 부분은 추가 및 수정해야할 부분이므로 원본 소스와 잘 비교해서 채크 하시기 바랍니다.
마찬가지로 대댓글의 경우도 똑같습니다.
<!--// 대댓글 -->
해당 주석 다음
<input type="submit"
을 검색해보면 나오는데 이번에는 클래스를 바꿔야합니다. 처음 소스와 클래스가 중복되어버려서 문제가 발생되기 때문이지요.
<input type="submit" value="{$lang->cmd_submit}" class="bd_btn sone-btn fr" />
<script language="javascript" cond="$rd_idx==0">
jQuery(function($){
function getCaret(el) {
if (el.selectionStart) {
return el.selectionStart;
} else if (document.selection) {
el.focus();
var r = document.selection.createRange();
if (r == null) {
return 0;
}
var re = el.createTextRange(),
rc = re.duplicate();
re.moveToBookmark(r.getBookmark());
rc.setEndPoint('EndToStart', re);
return rc.text.length;
}
return 0;
}
$("#editor_2").keyup(function(e){
if (e.keyCode == 13 && e.ctrlKey) {
$(".sone-btn").click();
}
});
});
</script>
마찬가지로 연두색색칠된 부분을 잘보고 같이 수정 해주시면 됩니다.
댓글 5
제목 | 글쓴이 | 날짜 |
---|---|---|
포인트복권 팝업창 말고 현재창에서 바로 사용하기! [1] | 바가G | 2014.04.28 |
유챗 팝업창으로 만들기 [1] | oscarmike | 2014.04.26 |
도움안될 것 같은 람보의 주옥같은 팁1 (스케치북 스킨에서 ctrl+enter키로 댓글작성 완료하기) [5] | BJ람보 | 2014.04.26 |
머니시스템 보유머니 출력하기 [13] | oscarmike | 2014.04.24 |
회원가입시 아이피 기록하기 [10] | 수직상승 | 2014.04.24 |
css를 이용한 페이지 인식 | 헤이즈디자인 | 2014.04.23 |
Windows Server 이벤트 로그 정리하기 | StyleRoot | 2014.04.20 |
Windows Server 에서 세션 최적화 | StyleRoot | 2014.04.20 |
가비아에서 웹호스팅 관련 팁 [1] | JerryKim | 2014.04.19 |
무한 스크롤 스크립트 [4] | 웹빌드 | 2014.04.16 |
XE 업데이트후 갑자기 CSS/JS등이 403 오류가 날때 | YJSoft | 2014.04.16 |
include용 파일에는 닫는 php문이 없다? | YJSoft | 2014.04.14 |
NULL/XMAS 패킷 포트 스캐닝 방지 방안 | 고구마군 | 2014.04.12 |
<div>에 ajax html 넣기 [3] | 웹빌드 | 2014.04.10 |
xe 쪽지 보내기창에 파일첨부하기 연동하는 팁 [7] | 졸라맨 | 2014.04.09 |
장비 침입 탐지 및 자동 ip 차단 프로그램 소개 [4] | 고구마군 | 2014.04.09 |
Windows IIS 에서 F5 연타 방지하기 (mod_evasive , limit_req) [3] | StyleRoot | 2014.04.08 |
jquery 외부로드하기 [22] | DynamicLaser | 2014.04.07 |
부트스트랩 css 팁 [3] | 돼지코구뇽 | 2014.04.05 |
관리자를 제외하고는 타회원의 회원정보 보기를 막는 방법 [1] | sejin7940 | 2014.04.04 |