textarea 자동으로 크기가 조정되도록 수정 > 영카트5 팁자료실

영카트5 팁자료실

textarea 자동으로 크기가 조정되도록 수정 정보

textarea 자동으로 크기가 조정되도록 수정

첨부파일

jquery.elastic.source.js (4.9K) 42회 다운로드 2016-01-21 12:32:07

본문

textarea 사용시 자동으로 입력한 글자수만큼 입력창의 크기가 조정되도록 해주는 소스입니다.


1. 첨부파일 jquery.elastic.source.js를 다운로드 받아 /js/ 에 업로드 해주세요.
2. /head.sub.php 파일 중 94번째줄
<script src="<?php echo G5_JS_URL ?>/jquery-1.8.3.min.js"></script>
바로아래에
<script src="<?php echo G5_JS_URL ?>/jquery.elastic.source.js"></script>
를 추가해줍니다.

textarea를 사용하시는 곳에 아래 소스를 넣어주세요. (덧글 입력창등에 유용할듯 싶어요.)


해당페이지 하단에 아래 스크립트를 넣어주세요.
<script type="text/javascript">

 $(document).ready(function(){
    $('textarea').elastic();
    $('textarea').trigger('update');
 });

</script>


스크립트 소스는 textarea 아래로 위치 시켜주시면 되세요.



sir의 현재 게시글 입력창과 같은 효과 입니다.
엔터를 치면 자동으로 크기가 늘어 나는걸 보실 수 있으세요.

그누보드5 게시판에는 적용이 되어 있지 않네요.
추천
3

댓글 0개

전체 392
영카트5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT