「テストページ（ワープロ）」の編集履歴（バックアップ）一覧はこちら
テストページ（ワープロ） - (2005/09/30 (金) 09:05:12) の最新版との変更点
追加された行は緑色になります。
削除された行は赤色になります。
<script type="text/javascript">
var sortLock = true;
function sortTable(target) {
// 読み込み中ならおしまい
if (sortLock) { return false }
// ダメなブラウザならおしまい
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=0,menubar=0,scrollbars=0,resizable=1,width=500,height=200";
var html = "<html><head><title>パターン表示<\/title><\/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'>" }
html += "<\/body><\/html>";
try { imageView.close() } catch(err) {}
imageView = window.open("", "imageView", feature);
imageView.document.write(html);
imageView.focus();
}
this.onload = function() {
sortLock = false;
}
</script>
<table>
<thead>
<tr>
<th class="button"><a href="#" onclick="sortTable(this);return function(){
return false};">名前</a></th>
<th class="button"><a href="#" onclick="sortTable(this);return
false;">値段</a></th>
<th class="button"><a href="#" onclick="sortTable(this);return
false;">高さ</a></th>
<th class="button"><a href="#" onclick="sortTable(this);return
false;">素材</a></th>
<th class="button"><a href="#" onclick="sortTable(this);return
false;">クライアント</a></th>
<th class="button"><a href="#" onclick="sortTable(this);return
false;">入手方法</a></th>
<th class="button"><a href="#" onclick="sortTable(this);return
false;">入手難易度</a></th>
<th>画像</th>
</tr>
</thead>
<tbody>
<tr>
<td class="button">Dressform</td>
<td>3000GP</td>
<td>6段</td>
<td>Normal</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'); return false;">
<img 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" height="76"></a></td>
</tr>
<tr>
<td class="button">Elven Spinning Wheel</td>
<td>4000GP</td>
<td>5段</td>
<td>Oak</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'); return false;">
<img 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" height="76"></a></td>
</tr>
<tr>
<td class="button">Elven Oven</td>
<td>1980GP</td>
<td>10段</td>
<td>Ash</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'); return false;">
<img 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" height="76"></a></td>
</tr>
<tr>
<td class="button">Spinning Wheel</td>
<td>500GP</td>
<td>8段</td>
<td>Yew</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'); return false;">
<img 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" height="76"></a></td>
</tr>
<tr>
<td class="button">Loom</td>
<td>10000GP</td>
<td>1段</td>
<td>Heartwood</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'); return false;">
<img 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" height="76"></a></td>
</tr>
<tr>
<td class="button">Stone Oven</td>
<td>8000GP</td>
<td>7段</td>
<td>Frostwood</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'); return false;">
<img 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" height="76"></a></td>
</tr>
<tr>
<td class="button">Flour Mill</td>
<td>1GP</td>
<td>16段</td>
<td>Oak</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'); return false;">
<img 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" height="76"></a></td>
</tr>
<tr>
<td class="button">Water Trough</td>
<td>200GP</td>
<td>3段</td>
<td>Bloodwood</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'); return false;">
<img 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" height="76"></a></td>
</tr>
</tbody>
</table>
ワープロモードのテスト用ページです。
このページはご自由に編集してお試しください。
表示オプション
横に並べて表示：
変化行の前後のみ表示：
