テスト - テーブルをソート可能にする

■動作サンプル

オプション:num,alt,str,link,date

数値 画像(alt) 文字列 リンク(テキスト) 日付
0001 thumb-1 サンプル1 サンプル1 2009/01/01
0009 サムネイル-9 さんぷる9 サンプル9 2009/01/01 12:01:05
0002 thumbnail-2 sample2 サンプル2 2009/01/01 12:01
0003 さむねいる-3 Sample3 サンプル3 2009/01/01 12:01:10

オプション:src,checked,value,href,date-ymdhm

画像(src) checked value リンク(href) 日付(YMDHM)
thumb-1 編集 2009/01/01 13:45
サムネイル-9 編集 2009/01/02 00:01
thumbnail-2 編集 2009/01/02 00:01
さむねいる-3 編集 2009/01/01 12:01

オプション:num,none,date-ymd,date-ymdh,date-ymdhms

数値 対象外 日付(YMD) 日付(YMDH) 日付(YMDHMS)
0001 thumb-1 2009/01/05 2010/12/05 13時 2009/01/01 21:00:13
0009 サムネイル-9 2010/07/03 2010/12/05 13時 2009/01/01 12:01:05
0002 thumbnail-2 1983/03/25 2009/05/18 00時 2009/02/01 00:40:27
0003 さむねいる-3 2009/03/25 2009/01/20 19時 2009/02/03 16:23:59

■使い方

外部ファイルとして読み込む

<script type="text/javascript" src="js/tableSortExtension.js"></script>

本JSを適用したいtable要素のクラス属性に"sort"を指定し、
各カラム毎のソート条件を"["と"]"で囲んで指定する。(オプション名は動作サンプルを参照)
ソート条件は必ずカラム数だけ指定する。

<table class="sort[num,alt,str,link,date]">
<tr>
<th>数値</th>
<th>画像(alt)</th>
<th>文字列</th>
<th>リンク(テキスト)</th>
<th>日付</th>
</tr>
~
</table>

ソート対象としないカラムには"none"を指定することで、対象外にすることができる。

<table class="sort[num,none,str]">
<tr>
<th>数値</th>
<th>対象外</th>
<th>文字列</th>
</tr>
~
</table>

文字列を日付としてソートする際は、オプションに"date"を指定する。
"date" は ymd(年月日)~ ymdhms(年月日時分秒)の日付形式に対応しているが、
日付形式が予め決まっている場合には、対応する以下のオプションを使用した方が高速に動作する(はず)。