テキストエリアを自動でリサイズ
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>
関連記事
-
-
JavaScriptでcookieの保存
JavaScriptでcookieを保存したかったけど 方法が分からなかったので ...
-
-
FormDataを使ったAjax通信がiPhoneのみエラー
FormDataオブジェクトを使用したAjax通信するシステムがあり、PCやAn ...
-
-
JavaScriptで特定の範囲内から整数値を、数値が被らずにランダムに取り出す
やりたかったのは1位から20位のランキング内で JavaScriptを用いてラン ...
-
-
jQueryでコンテンツのスライド
jQueryもしくはJavaScriptでリンクを押すと 右から左にコンテンツを ...
-
-
jQueryでUNIXタイムスタンプの取得
jQueryでUNIXタイムスタンプを取得したい場合、 $.now()だけで取得 ...
-
-
setTimeoutの注意点
javascriptのsetTimeoutにて変数を用いた際に 想定外の挙動を起 ...
-
-
画像をつなぎ合わせて360度ビューの様に見せるjQueryプラグイン
3Dデータではなく、コマ送りになっている2D画像を用いて360度ビューの様に見せ ...
-
-
Ajaxの負荷対策
Ajaxを使ってボタンを押した際に表示を切り替える処理。 都度Ajaxを使ってた ...
-
-
HTML、javascriptソースの暗号化
サーバーサイドはソースを見られないけどクライアントサイドはソースを見られるので、 ...
-
-
jQueryで配列の値を検索
やりたかった事は、配列の中に特定の値があるか どうか検索し、その後の分岐を行いた ...
- PREV
- chardin.jsを利用して注釈を入れる
- NEXT
- jquery.snipeの使い方