コメント欄のサイズをマウスドラッグで伸縮できるようにする

Posted by
ぴろり
Posted at
2008/08/21 15:02
Trackbacks
関連記事 (0)
Post Comment
コメントできます
Category
開発メモ カテゴリ

 欄のサイズをマウスドラッグで自由に伸縮できるようにする方法を紹介します。以前にコメント欄を伸縮できるボタンを設置する方法を紹介しましたが,それよりも少ない設置面積で感覚的に操作できるメリットがあります。jQuery と呼ばれる のライブラリを利用するので設置も比較的簡単です。

この記事をはてなブックマークに追加する この記事のはてなブックマーク数 | この記事をlivedoorクリップに追加する この記事のlivedoorクリップ数 | この記事をYahooブックマークに追加する この記事のYahoo!ブックマーク数 | この記事をdel.icio.usに追加する

 以下のサイトから二つの ファイルをします。

jQuery

  のホームページから"Download"をクリックします。
Download をクリック
 ページから ファイルをします。
Download をクリック

TextArea Resizer

 TextAreaResizer のページからアーカイブファイル(zip)をします。
Download をクリック

設置方法

 した jquery-1.2.6.min.js,zip アーカイブの中に含まれる jquery.textarearesizer.jsgrippie.png をサーバにアップロードします。次に,以下のようにテキストエリアを設置し, コードを書き加えます。
 グリップ部分のdiv.grippie で定義されたスタイルを使用します。


この記事を読んだ人はこんな記事も読んでいます 記事リコメンデーションについて

その他の関連する記事


関連記事/トラックバック

関連記事/トラックバックはまだありません

この記事にトラックバックを送るには?

コメントを投稿する

 
 (匿名可/必須/公開)
 (匿名可/必須/非公開)
 (必須)
コメントスパム防止のため投稿前に ランダムな数字 CAPTCHAについて を入力してから投稿してください。お手数ですがご協力のほど宜しくお願いいたします。