テキストボックスを伸長させるjavascript「Text Grow」

画像表示では「LightBox」などを使用することで、限られたスペースの中で多くの情報を掲載させられます。
一方、フォーム関連では大きさを調節することができませんでした。
Left LogicText Growでは、文字数に応じてテキストボックスが大きくなるscriptを配布しています。
textgrow

使用方法
Text Growからダウンロードしたtextgrow.jsjQueryをhead内に書きます。
またscriptとHTMLを以下の様に書きます。
<script type="text/javascript">
$(function(){ jQuery("input.class名").textGrow({ pad: 25 }); })
</script>

オプション:
 pad: padding指定(デフォルト25px)
min_width:テキストの最小幅
max_width:テキストの最大幅
<input type="text" class="class名" style="min-width: テキストの最小幅; max-width: テキストの最大幅" name="s">
テキストボックスを伸長させるjavascript「Text Grow」サンプル

sponsors

「テキストボックスを伸長させるjavascript「Text Grow」」をシェアする

記事作成:
記事URL:

TOP > > > テキストボックスを伸長させるjavascript「Text Grow」