「テーブルソートテスト」の編集履歴（バックアップ）一覧に戻る
テーブルソートテスト - (2005/10/02 (日) 09:08:42) のソース
<script type="text/javascript">
function sortTable(target) {
if (!document.getElementById) { return false }
var idList = new Array();
var parsedData = new Array();
var colId = 0;
var oTABLE = new Object(target.parentNode.parentNode.parentNode.parentNode);
var oTHEAD = new Object(oTABLE.getElementsByTagName("THEAD")[0]);
var oTHEAD_TR = new Object(oTHEAD.getElementsByTagName("TR"));
var oTHEAD_TH = new Object(oTHEAD_TR[0].getElementsByTagName("TH"));
var oTBODY = new Object(oTABLE.getElementsByTagName("TBODY")[0]);
var oTBODY_TR = new Object(oTBODY.getElementsByTagName("TR"));
var oTBODY_TD = new Object();
for (var i = 0; i < oTHEAD_TH.length; i++) {
if (!oTHEAD_TH[i].firstChild.hasChildNodes()) { continue }
if (target.firstChild.nodeValue == oTHEAD_TH[i].firstChild.firstChild.nodeValue) { colId = i }
}
for (var i = 0; i < oTBODY_TR.length; i++) {
idList[i] = i;
parsedData[i] = new Array();
oTBODY_TD = oTBODY_TR[i].getElementsByTagName("TD");
for (var ii = 0; ii < oTBODY_TD.length; ii++) {
parsedData[i][ii] = (oTBODY_TD[ii].firstChild.nodeValue != null) ? oTBODY_TD[ii].firstChild.nodeValue : oTBODY_TD[ii].innerHTML;
}
}
idList.sort(function(a, b) {var td1 = oTBODY_TR[a].getElementsByTagName("*")[colId].firstChild.nodeValue;
var td2 = oTBODY_TR[b].getElementsByTagName("*")[colId].firstChild.nodeValue;
if (!isNaN(parseFloat(td1)) && !isNaN(parseFloat(td2))) {td1 = parseFloat(td1);
td2 = parseFloat(td2);
}
if (td1 == td2) { return 0 }if (td1 > td2) { return 1 }
return -1;
}
);
for (var i = 0; i < oTBODY_TR.length; i++) {
oTBODY_TD = oTBODY_TR[i].getElementsByTagName("TD");
for (var ii = 0; ii < oTBODY_TD.length; ii++) {
oTBODY_TD[ii].innerHTML = parsedData[idList[i]][ii];
oTBODY_TD[ii].className = oTBODY_TD[ii].className.replace(" current", "").replace("current", "");
if (ii == colId) { oTBODY_TD[ii].className += " current" }
}
}
}
var imageView = undefined;
function showPopUpImg() {
var feature = "toolbar=0,location=0,directories=0,fullscreen=0,status=1,menubar=0,scrollbars=0,resizable=1,width=100,height=100";
var html = "<html><head><title>パターン表示<\/title><scr" + "ipt>var w=0;var h=0;<\/scr" + "ipt><\/head><body style='padding:0;margin:0;' onclick='window.close()'>";
for (var i = 0; i < arguments.length; i++) { html += "<img src='" + arguments[i] + "' border='0' onload='w+=this.width;h=Math.max(h,this.height);resizeTo(Math.max(100,w+12),Math.max(100,h+61));'>" }
html += "<\/body><\/html>";
try { imageView.close() } catch(err) {}
imageView = window.open("", "imageView", feature);
imageView.document.write(html);
imageView.focus();
}
</script>
<table>
<thead>
<tr>
<th><a href="#" onclick="sortTable(this)">名前</a></th>
<th><a href="#" onclick="sortTable(this)">値段</a></th>
<th><a href="#" onclick="sortTable(this)">高さ</a></th>
<th><a href="#" onclick="sortTable(this)">ドロップ位置</a></th>
<th><a href="#" onclick="sortTable(this)">クライアント</a></th>
<th><a href="#" onclick="sortTable(this)">入手方法</a></th>
<th><a href="#" onclick="sortTable(this)">入手難易度</a></th>
<th>画像</th>
</tr>
</thead>
<tbody>
<tr>
<td>Dressform</td>
<td>3000GP</td>
<td>6段</td>
<td>左</td>
<td>SE</td>
<td>PC作成</td>
<td>★★★☆☆</td>
<td><a href="#" onclick=
"showPopUpImg('http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_b.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_f.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_h.gif')">
<img height="76" src=
"http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_b.gif"
width="32"></a></td>
</tr>
<tr>
<td>Elven Spinning Wheel</td>
<td>4000GP</td>
<td>5段</td>
<td>左</td>
<td>AoS</td>
<td>NPC販売</td>
<td>★★☆☆☆</td>
<td><a href="#" onclick=
"showPopUpImg('http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_b.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_f.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_h.gif')">
<img height="76" src=
"http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_f.gif"
width="32"></a></td>
</tr>
<tr>
<td>Elven Oven</td>
<td>1980GP</td>
<td>10段</td>
<td>中心</td>
<td>ML</td>
<td>NPC販売</td>
<td>★★☆☆☆</td>
<td><a href="#" onclick=
"showPopUpImg('http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_b.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_f.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_h.gif')">
<img height="76" src=
"http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_h.gif"
width="32"></a></td>
</tr>
<tr>
<td>Spinning Wheel</td>
<td>500GP</td>
<td>8段</td>
<td>右</td>
<td>ML</td>
<td>モンスタードロップ</td>
<td>★★★★★</td>
<td><a href="#" onclick=
"showPopUpImg('http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_b.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_f.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_h.gif')">
<img height="76" src=
"http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_b.gif"
width="32"></a></td>
</tr>
<tr>
<td>Loom</td>
<td>10000GP</td>
<td>1段</td>
<td>中心</td>
<td>SE</td>
<td>PC作成</td>
<td>★☆☆☆☆</td>
<td><a href="#" onclick=
"showPopUpImg('http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_b.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_f.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_h.gif')">
<img height="76" src=
"http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_f.gif"
width="32"></a></td>
</tr>
<tr>
<td>Stone Oven</td>
<td>8000GP</td>
<td>7段</td>
<td>左</td>
<td>SE</td>
<td>モンスタードロップ</td>
<td>★★☆☆☆</td>
<td><a href="#" onclick=
"showPopUpImg('http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_b.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_f.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_h.gif')">
<img height="76" src=
"http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_h.gif"
width="32"></a></td>
</tr>
<tr>
<td>Flour Mill</td>
<td>1GP</td>
<td>16段</td>
<td>右</td>
<td>ML</td>
<td>DOOMレア</td>
<td>★★★★★</td>
<td><a href="#" onclick=
"showPopUpImg('http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_b.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_f.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_h.gif')">
<img height="76" src=
"http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_b.gif"
width="32"></a></td>
</tr>
<tr>
<td>Water Trough</td>
<td>200GP</td>
<td>3段</td>
<td>中心</td>
<td>AoS</td>
<td>NPC販売</td>
<td>★★★★☆</td>
<td><a href="#" onclick=
"showPopUpImg('http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_b.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_f.gif','http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_h.gif')">
<img height="76" src=
"http://www5.atwiki.jp/uo_house/?plugin=ref&page=%E8%AA%BF%E5%BA%A6%E5%93%81%EF%BC%8D%E5%85%A8%E8%88%AC&file=parrotperch_f.gif"
width="32"></a></td>
</tr>
</tbody>
</table>
