テキストエリアを自動でリサイズ
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>
関連記事
-
-
Jcropを使ってブラウザ上で画像を範囲指定して切り抜き(トリミング)
やりたかった事は、画像をアップロードして必要な部分のみを範囲指定してもらい、指定 ...
-
-
jQueryで新しく追加した要素に対してイベントがきかない場合の対応
jQueryで新たに追加した要素に対して、 clickイベントを使いたかったけど ...
-
-
chardin.jsを利用して注釈を入れる
簡易マニュアルとかでむっちゃ使えそう。 ■chardin.js http://h ...
-
-
JavaScriptでフォームの禁止ワード制限
掲示板等で本文を送信する際に、予め定めていた禁止ワードが含まれていないかチェック ...
-
-
JavaScriptで住所から経度緯度を取得する
やりたかった事はformに住所を入れてsubmitする際に、javascript ...
-
-
javascriptでゼロパティング
月日をゼロパディングしたかったけど PHPとは違い、そういった関数は無かったので ...
-
-
フォームのpasswordとtextをjQueryで切り替えて
パスワード入力の際、大抵｢●●●｣みたいな形で隠されるが、 jQueryでそれを ...
-
-
javascriptでブラウザ判別&ページ遷移
var userAgent = window.navigator.userAge ...
-
-
Ajaxで画像のアップロード(jquery.upload)
業務中に画像の選択後、アップロードボタンを押して画像のアップ、 その後フォームの ...
-
-
javascriptでのについて
javascriptを書く際に、 <script> <!-- ...
- PREV
- chardin.jsを利用して注釈を入れる
- NEXT
- jquery.snipeの使い方