テキストエリアを自動でリサイズ
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の文末
下記みたいなコードがあって、文末に｢;｣が 無いのになんで動くのこれ？ となった ...
-
-
GoogleMapAPIでヒートマップを表示する方法
GoogleMapAPIで花粉状況や雨量を可視化しやすいようなヒートマップ的なも ...
-
-
JavaScriptのvarとletとconst
JavaScript関連の調べ物をしていた際、変数の宣言時にvarではなくlet ...
-
-
jQuery2.0がリリース
リリースされたとのこと。 http://blog.jquery.com/2013 ...
-
-
Ajaxで負荷軽減
業務中、専用のページでfile_get_contents的なものは あまり使わな ...
-
-
jQueryでIPから位置情報の取得
jQueryのプラグインでお手軽にIPから 位置情報や経度緯度等調べられたのでメ ...
-
-
prototypeとjqueryの競合
ちょいちょい見るが、実際に競合をおこしているケースに あたったのでメモ。 ↓↓の ...
-
-
imgタグとPHPでグラフ作成
プラグインやライブラリを使わずにグラフを作る 機会があったのでメモ。 ■サンプル ...
-
-
jquery.snipeの使い方
使い方によっては面白くなりそう。 ■jquery.snipe http://ra ...
-
-
jQueryで画像を遅延ロードする(jquery.lazyload.js)
画像を遅延ロードさせたい時にはlazyloadが便利。 ■ダウンロード http ...
- PREV
- chardin.jsを利用して注釈を入れる
- NEXT
- jquery.snipeの使い方