2008年02月21日
テキストエリアのリサイズ @ ウェブ
テキストエリアの自動拡張はどうも具合悪いことがあるようなので、自動ではなく、自分でサイズ変更する方法を探してみました。
TextArea Resizerと言うモノがjQueryプラグインで有り、思った通りのモノのような気がします。自動でサイズが変わらない代わりに余計なイベントが発生しないので、処理速度の遅いマシンでも負担がないような気がします。
TextArea Resizer | jQuery Plugins
>>関連リンク
jQuery textarea resizer plugin
>>関連リンク
使い方はTextArea Resizerのページにもあるのですが、スタイルシートを一々書くのは面倒なので、textarearesizer.cssとしてまとめました。ヘッダーに追加した内容は、以下のような感じです。
<script type="text/javascript" src="/js/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="/js/jquery.textarearesizer.compressed.js"></script>
<link href="/js/textarearesizer.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript">
<!--
$(document).ready(function() {
$('textarea.resizable:not(.processed)').TextAreaResizer();
});
//-->
</script>
あとはサイズを変更できるようにしたいテキストエリアに class="resizable"を追加するだけ。
関連日記
- 2008年02月21日 テキストエリアの自動拡張 (5731)@ ウェブ
- 2007年09月14日 jQuery BlockUI Plugin (4955)@ ウェブ
- 2007年11月13日 spryを使った選択フォームがIEで動かない (4279)@ Windows
- 2009年12月10日 jQuery API extension for Dreamweaver (4144)@ Mac
- 2007年09月18日 jQueryでテーブルをシマシマに (3830)@ ウェブ
- 2007年09月05日 気になるJavaScriptライブラリー (3096)@ ウェブ
- 2007年09月12日 気になるJavaScriptフレームワーク (3008)@ ウェブ
- 2007年09月16日 Ajax (2966)@ ウェブ
- 2008年03月08日 jQueryでグラフ描画 (2918)@ ウェブ
- 2007年09月11日 jQuery 1.2 (2905)@ ウェブ
- 2008年09月12日 ソニーグループ ポータルサイトが脱Flash (2836)@ Flash
- 2009年06月18日 SpriteMenu (2802)@ ウェブ
- 2008年05月12日 Processing.js (2743)@ ウェブ
- 2010年10月04日 smoothscroll.js (2711)@ ウェブ
- 2007年09月17日 jQuery UI (2639)@ ウェブ
- 2007年03月22日 Web Designing 2007年 04月号 (2621)@ ウェブ
- 2007年09月14日 Protoscript (2557)@ ウェブ
- 2008年03月25日 NHKオンライン (2546)@ ウェブ
- 2008年12月11日 Google AJAX Libraries API (2526)@ ウェブ
- 2009年01月15日 jQuery 1.3 (2408)@ ウェブ
- 2007年09月16日 jQuery 1.2 リファレンス (2398)@ ウェブ
- 2009年05月14日 ウェブページでコナミコマンド (2319)@ ウェブ
- 2011年10月04日 Adobe Fireworks CSS3 Mobile Pack (2284)@ Mac
- 2010年10月27日 Adobe MAX 2010 2日目 (2110)@ Flash
アマゾン広告
この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。