Factory制作メモとか、趣味とか、雑記。コピー2023.04.04入れると親切かもしれない。動作イメージ例えばtextareaの高さが3行分だったとする。改行して4行目以降に突入すると、通常はtextareaの高さは変わらずに右側にスクロールバーが表示される。先頭行が隠れちゃうのでドラッグして領域を広げる。これを、twitterとかchatworkとかLINEとかみたいに、スクロールバーを出さずにtextareaをサイズアップさせたい。textarea内に入力したものはすべて常に隠れずに表示されるということになる。やっていくとりあえずベースはこんな感じ。id="target"></textarea>初期状態として3行分の高さを指定してある。})})入力時に行数(\nの数)をチェックして、それに+1した高さをcssを挿入して変更する。4行目以降はtextareaが1行分ずつ高くなり、それから改行を削除するとその分低くなる。min-heightにしてあるのはtextareaを初期の高さ以下にさせないため。height、max-heightで指定する2行目に改行したときにtextareaの高さが低くなる。注意点textareaをドラッグして拡張した場合、最初に設定した3行から高さ(height)が変更される。min-heightがどう変わったところでそのサイズ以下にはならない。すると初期の高さを1行にしてjsでheightを変更するのがいい。動作的にTwitterっぽくなる。1行だけのtextareaはリスクがある。twitterやらChatworkやらは「そういうもの」として理解されるのでいいんだけど、textareaは基本的に問い合わせフォームとかで他のinputとセットで使うわけで、inputと見間違えられるとだるい。ユーザーが感覚的に分かるようにするために高さは1行にしちゃいけない。高さをドラッグで変えられないようにcssで制御することもセットにしたほうがいいと思うの。none;}ついでに装飾として、transitionを入れておくと伸び縮みのアニメーションが追加されるので、なんかちょっとリッチな感じがしますね。アニメーション中はスクロールバーが表示されてダサいからoverflowも足さなきゃだけど。.2s;}なんかそんなかんじで。Insightsのどうのこうの。WEB[mt]MovableTypeで固定ページ(疑似)を作る現行版のMTではどうなってるか分からんけど。jsとか使わないでcssだけで作ったほうが楽だった。WEB[jQuery]フォームに名前入れたらフリガナが勝手に埋まるアレ名前打ったら自動的にフリガナが入るやつ付けてって要望があった。探したら案の定あるでやんのよ。あれよ、俺の名前マトモじゃないから読み通りに打っても変換出来ねーのよ。それに近頃は予測変換のこともあるし、どうなんだろうね。WEB[wp]カスタム投稿で絞り込み検索する方法カスタム投稿でスタッフを登録し、店舗別に表示したい。タクソノミーで店舗を振り分けたので、投稿記事でいうところのタグとかカテゴリーの絞り込み検索ができたら望み通りの動作となる。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。ホームWEB[js]textareaの高さを改行したときに自動調整するスポンサーリンク掲載内容について内容をパクる場合は自己責任でお願いします。内容が古い場合、環境が変わって通用しないことがあります。記事の内容は最適解ではなく、作成時点においての筆者の理解の限界であることが多々あります。修正やそもそもの宗旨替えは不定期に行われるため、活用される場合はご注意ください。Highlighterがいよいよダメっぽいので、プラグインを変更しました。古い記事は表示が壊れてるものがあります。楽天Room主に釣具とか。max-age=0"),l.setRequestHeader("dlm-xhr-request","dlm_XMLHttpRequest"),l.send()}}タイトルとURLをコピーしました。