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

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

· 9년 전 · 5096
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 게시판에는 적용이 되어 있지 않네요.

댓글 작성

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

로그인하기

게시판 목록

영카트5 팁자료실

글쓰기