「java script」データソートページ送りが可能なテーブル

質問

「java script」データソートページ送りが可能なテーブル

java scriptはまったくの初心者です。
インターネット上にあったソースを使ったのですが、わからないことがあったので質問します。

データを、ソートで見ることができるようにしたいので、下記のコードを使いました。

[問題は]
1つのhtmlに一つの表を使う分にはちゃんと動くのですが、

２つ以上表使おうとすると、一番上の表のソート機能は動くのですが、
２つ目の表からはソート機能が使えなくなってしまいます。

どうしたら2つ目の表もソート機能が使えるようにするのはどうしたらよいですか？

[使用ソース]

　　<table>
<tr>
<th>・・・</th>
<th>・・・</th>
</tr>
<tr>
<td>・・・</td>
<td>・・・</td>
</tr>
<tr>
<td>・・・</td>
<td>・・・</td>
</tr>
</table>
　　　　　　<div id="controls">
<div id="perpage">
<select onchange="sorter.size(this.value)">
<option value="5">5</option>
<option value="10" selected="selected">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
<span>表示ページ数を選択できます。</span>
</div>
<div id="navigation">
<img src="images/first.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1,true)" />
<img src="images/previous.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1)" />
<img src="images/next.gif" width="16" height="16" alt="First Page" onclick="sorter.move(1)" />
<img src="images/last.gif" width="16" height="16" alt="Last Page" onclick="sorter.move(1,true)" />
</div>
<div id="text">残りのページ数 <span id="currentpage"></span> of <span id="pagelimit"></span></div>
</div>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
var sorter = new TINY.table.sorter("sorter");
sorter.head = "head";
sorter.asc = "asc";
sorter.desc = "desc";
sorter.even = "evenrow";
sorter.odd = "oddrow";
sorter.evensel = "evenselected";
sorter.oddsel = "oddselected";
sorter.paginate = true;
sorter.currentid = "currentpage";
sorter.limitid = "pagelimit";
sorter.init("table",1);
</script>

以上よろしくお願いいたします。

回答No.3

noname#140925 · ベストアンサー

以下にテーブルソートの解説が載ってますから、じっくり読んでみてください。

[参考]ASCII.jp：実務で使えるjQueryプラグイン3選｜Web制作の現場で使えるjQuery　UIデザイン入門
http://tech.ascii.jp/elem/000/000/484/484582/

お礼

お礼が遅くなりました。
とっても参考になりました。

ありがとうございます

回答No.2

SortaNerd_

No1です。
すみません、質問の意図を読み違えていたかもしれません。
tableを2つにした際に、sorterとやらも2つに増やしているのかと思ったのですが、1つだけでやっているのでしょうか。
でしたら先ほどの回答は本質ではありません。

その場合、答えは分かりません。外部JavaScriptを使っているようですので、その内容が分からない限り対処法は不明です。
ただ、
sorter.init("table",1);
のあたりが怪しい気はします。これを2に変えてみると何かが起こりそうな予感がします。

お礼

お礼が遅くなりました。
ありがとうございます

回答No.1

SortaNerd_

変数名をすべて変えれば大丈夫だと思います。

補足

回答ありがとうございます

全く触ったことがないので、どう変えればよいのかも
よくわからないのですが、

どうしたらよいでしょうか？