404 Blog Not Found:javascript - 勝手に添削 - textareaの高さを自動調節

2008年05月20日14:15 カテゴリLightweight Languages javascript - 勝手に添削 - textareaの高さを自動調節 これはなかなかいいですね。 textareaのサイズを入力にあわせて調整するＪａｖａＳｃｒｉｐｔ (イラストdeブログ開発記) イラストdeブログの掲示板の使い勝手を高めるため、textareaサイズをJavaScriptで改行入力毎に大きくするコードを書いてみました Firefox 2, Safari 3, Opera 9で動作確認してあります。 イチ に 三 function resize_textarea(ev){ //if (ev.keyCode != 13) return; var textarea = ev.target || ev.srcElement; var value = textarea.value; var

[Untouchable]

使わせてもらおう

[webmarksjp]

JavaScript

[kyoheyjapan]

formの高さを自動調節

[iww]

IE6のTEXTAREAバグの方が使い勝手がいい。 あれも仕様に格上げされないかな。

[sankaseki]

404 Blog Not Found:javascript - 勝手に添削 - textareaの高さを自動調節

[yamkazu]

すげー。JavaScriptそろそろちゃんとやろうかな。

[teppeis]

[javas

[zetamatta]

これは確かに便利！ DOM の手本としてもいいな！

[primunu]

javascript

[sweesh]

ブログ等のコメント欄に。

[ay-19]

ブログ等のコメント欄に。

[miya2000]

「onkeyup="resize_textarea(this)"」じゃいかんの？

[kei_0000]

eventのtargetプロパティとsrcElementプロパティの取得を||で１行に。textarea.setAttribute("rows", lines)で縦の長さ設定。１行の文字列がtextboxの横の長さを超える場合には未対応。

[schahrazade]

個人的には10行位、空改行してから文章を書き出す子なので・・・あれ？

[flar]

入力行数に応じて、textareaの縦サイズを変えるアイディア

[PoohKid]

枯れたと思われてたUIにも改善の余地があった、しかもシンプル実装で！

[C_L]

レンダリング側のあふれフラグ解消するまで伸縮試行錯誤するつうのがDTPの現場での自動組版処理でやられている。textarea要素のあふれフラグってないのかな。

[s00516]

ちょっと便利なテキストエリアに / 改行でどんどん伸びるー

[tanku]

どこでも使えるようにブックマークレットにしてみたｗ　Firefoxでしか確認していない → http://d.hatena.ne.jp/tanku/20080521/1211389954

[riywo]

なるほど，これはいい．改行押したときだけじゃないので，行を削除すればちゃんと小さくなる．いろんなところにこれを付けてほしいなぁ．

[cos31]

これはいい

[forcutie]

textarea、フォーム

[hiro_y]

改行が入力された分だけ縦に伸びるtextarea。

[dingding]

javascript textarea

[KoshianX]

なるほどこれはいい

[wacky]

textarea要素の高さを内容に合わせて自動調節するJavaScript。

[furyu-tei]

オートラップに対応してみた(ただしOperaはNG)→http://furyu.tea-nifty.com/annex/2008/05/textarea_f641.html

[t-murachi]

行の桁数が多い場合にどう動くべきか。やたらと長い英単語 (ブラウザによっては改行されない) とかは考慮外とした方がいいかな。あるいは桁数に応じて横にも広げてみるとか。

[jksy]

どんどんひろがるよー

[araishi]

textarea