テキストエリアを自動でリサイズ
2014/07/03
改行するだけで勝手にリサイズしてくれるので、
ユーザー用でも管理用でも使えそう。
■textareas.js
http://bgrins.github.io/ExpandingTextareas/
■使い方
jqueryとtextareasを呼び出す。
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src='expanding.js'></script>
■サンプル
http://sample.taitan916.info/textareas/
■ソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transtional//EN" "http://www.w3c.org/TR/html4/loose.dtd">
<meta http-equiv="content-type" content="text/html"/>
<meta cherset = "UTF-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src='expanding.js'></script>
<html lang="ja">
<head>
<title>textareasのテスト</title>
</head>
<body>
<h1>textareasのテスト</h1>
■普通のテキストエリア<br />
<textarea></textarea><br />
■textareas.jsが効いてるテキストエリア<br />
<textarea class='expanding'></textarea><br />
</body>
</html>
関連記事
jQueryで指定した要素を簡単にフォーカスするfocusbleの使い方
divやspanなど指定した要素を簡単にフォーカスするjQueryプラグインがあ ...
国土地理院のAPIを使用して無料でジオコーディング(住所→経度緯度)を行う方法
GoogleMapAPIでジオコーディングをするには、支払い情報を登録したアカウ ...
formでdisplay:none;にしてても送信される
formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...
jQueryで対象の要素をまとめて親要素で囲む方法
あるシステムで出力されているHTMLタグを指定した親要素で囲みたいというケースが ...
javascriptやjQueryで画像を書き換えても変わらない場合
けっこう前に画像をアップロードしてリアルタイムにプレビューする機能を作った時に、 ...