skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

skuare.netが紹介するJavaScirptでサイトをリッチに

既存のテーブルを簡単にソートさせるjavascript「Table-Sort」

twitterにつぶやく このエントリーを含むはてなブックマーク はてなブックマークを見るこの記事をクリップ! コメントを見るYahoo!ブックマークに登録 このエントリーをdel.icio.usに追加する deliciousブックマーク数このページを行き先登録 このページをniftyクリップに登録このページをBuzzurlに登録

テーブルで作成した表をソートさせるjavascriptは多くありますが、内部を少しいじらなければならないケースが多いです。
Table-Sortは、既存の仕組みでそのまま簡単にソートさせることができるjavascriptです。
mooSorter

使用方法
Table-Sorttable-sort.jsを、mootoolsからmootools.jsをダウンロードします。
<script src="http://yourdomain/mootools.js" type="text/javascript"></script>
<script src="http://www.skuare.net/test/js/table-sort.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
new SortableTable($('tableのid名'));
});
</script>

あとは上記で指定したid名をソートしたいテーブルに付与するだけです。
なおthead内およびtfootは動きません。
既存のテーブルを簡単にソートさせるjavascript「Table-Sort」サンプル

記事作成:2007年10月30日

follow me

▼既存のテーブルを簡単にソートさせるjavascript「Table-Sort」へのコメントはtwitterにて受け付けています。
twitterでコメントする twitterでコメントする

前の記事:MacのDockライクなメニューを作成するjavascript「Menu Dock」
次の記事:カレンダー表示&日付選択させるjavascript「Fancy MooTools Date Picker」

ページの最初に戻る

about me

skuare

大学卒業後、某PR会社にてPR誌の取材・編集・デザインからPRコンサルティング、調査分析まで幅広い業務に携わる。業務の合間合間にWEB制作に関する技術を習得。
2007年6月から当サイト「skuare.net」を開始。その後、ホームページ制作会社に転職し、WEBサイト制作に本格的に従事し、CMS、JavaScriptに無駄に突っ込むディレクターとして活動中。ホロヨッターもやっています。
もし、もうちょっと詳細を見たかったら・・・・こちら >>

I'm @ Social media below

  • skuare.net rss
  • skuare's twitter
  • skuare's twitter
  • skuare's linkedin
  • skuare's facebook
Copyright (c) skuare.net All Rights Reserved.