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

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

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

댓글 작성

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

로그인하기

게시글 목록

번호 제목
404
399
391
386
384
383
382
378
377
373
372
362
361
353
345
334
329
307
304
299
295
292
288
272
270
267
263
261
254
252