FeedNon

blog logo image

FeedNon » Search » Results » Articles

텍스트박스와 관련된 글 1개

  1. 2009/09/01 텍스트박스 높이 자동조절 스크립트 (Jquery - Autogrow)

FeedNon » 분류없음

텍스트박스 높이 자동조절 스크립트 (Jquery - Autogrow)

2009/09/01 01:18

텍스트박스 높이 자동조절 스크립트

텍스트박스에서 엔터를 치면 높이가 자동으로 늘어나고, 백스페이스를 눌러서 한줄을
지우면 높이가 다시 줄어드는 스크립트입니다.

이 스크립트를 사용하기 위해서는 jQuery 1.2 버전 이상이 반드시 선행되어야 합니다.

스크립트 다운로드 URL : http://github.com/jaz303/jquery-grab-bag/tree/master/javascripts/jquery.autogrow-textarea.js

사용법 : <script>$('textarea').autogrow();</script>

만약 텍스트박스가 여러개 있는 상황에서, 선택적으로 위 스크립트를 사용하고자 한다면
텍스트박스에 id값 등을 지정하여 개별 실행할 수도 있습니다.

예)
<script>$('#test').autogrow();</script>
<textarea id="test"></textarea>

데모버전확인은 여기서



(go to top)