イラストdeブログ - 手書きで簡単ブログをはじめよう!

« 機能いくつか更新 | メイン | textareaサイズ調節を添削して頂きました »

textareaのサイズを入力にあわせて調整するJavaScript

イラストdeブログの掲示板の使い勝手を高めるため、textareaサイズをJavaScriptで改行入力毎に大きくするコードを書いてみました。

実動作サンプル

----コードここから----
<html><body>

<script type="text/javascript">
function textareaResize(event)
{
    try {
        elem_id = event.srcElement.id;
    } catch ( e ) {
        elem_id = event.target.id;
    }
    var keycode = event.keyCode;
    if (keycode == 13) {
        var m = document.getElementById(elem_id);
        var r = m.getAttribute("rows");
        m.setAttribute("rows", parseInt(r)+1);
    }
}
</script>

<textarea rows="1" cols="80" id="message" onkeydown="textareaResize(event)"></textarea>

</body></html>
----コードここまで----

イラストdeブログをよろしくお願いします!

トラックバック

このエントリーのトラックバックURL:
http://mt.nosv.org/mt-tb.cgi/4

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

About

2008年05月19日 23:52に投稿されたエントリーのページです。

ひとつ前の投稿は「機能いくつか更新」です。

次の投稿は「textareaサイズ調節を添削して頂きました」です。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。

Powered by
Movable Type 3.36