テキストエリアを入力内容に応じて自動でリサイズするjQueryプラグイン「autoResize」

フォームに設置するテキストエリアはある程度大きくしておきたいところですが、スペースをとるのは避けたい。
そんなあなたに朗報です。
jQueryプラグインのautoResizeで入力内容に応じてリサイズ可能になります。

sponsors

使用方法

autoResizeからautoresize.jquery.jsをjQueryからjquery.jsをダウロードします。

<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="autoresize.jquery.js"></script>
<script>
$(function(){
	$('#id名').autoResize({
    onResize : function() { //リサイズ時の処理
        $(this).css({opacity:0.4});
    animateCallback : function() { //リサイズ後の処理
        $(this).css({opacity:1});
    },
    animateDuration : 300, //アニメーション処理速度
    extraSpace : 40 //拡大するスペース
	});
});
</script>
あとは上記で指定したid名をtextareaに指定します。
<textarea id="id名"></textarea>

サンプル

sponsors

Javascriptサンプルページ一覧
skuare.net