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>
jsファイル内の13~21行目付近にある設定値を編集することで、rows属性の最小・最大値を変更することができる。
文字コードがutf-8でない場合は改行コードを対応する値に変更する。
//-----------------------------------------
// 設定値
//-----------------------------------------
config : {
targetClass : 'autoResize', // 対象とするクラス名
minRows : 2, // 最小値
maxRows : 20, // 最大値
brCode : '\n' // 改行コード
},