テスト - textareaのサイズ(行数)を自動調節する

■動作サンプル

sample1
sample2
sample3
(未適用)

■使い方

外部ファイルとして読み込む

<script type="text/javascript" src="js/textareaAutoResize.js"></script>

本JSを適用したいtextarea要素のクラス属性に"autoResize"を指定する。

<textarea name="" class="autoResize" cols="80"></textarea>

textarea要素にrows属性が指定されている場合は、その値をrows属性の最小値として使用し、
未指定の場合はjsファイル内の設置値が最小値として使用される。

<textarea name="" class="autoResize" cols="80" rows="4"></textarea>

■javascriptの設定

jsファイル内の13~21行目付近にある設定値を編集することで、rows属性の最小・最大値を変更することができる。
文字コードがutf-8でない場合は改行コードを対応する値に変更する。

//-----------------------------------------
// 設定値
//-----------------------------------------
config : {
	targetClass : 'autoResize', // 対象とするクラス名
	minRows : 2, // 最小値
	maxRows : 20, // 最大値
	brCode : '\n' // 改行コード
},