「メニュー2」の編集履歴(バックアップ)一覧はこちら
メニュー2 - (2016/08/19 (金) 00:19:57) の最新版との変更点
追加された行は緑色になります。
削除された行は赤色になります。
//**更新履歴
//#recent(20)
sandbox
|~演目|~ランダム機能|h
|権助魚|#javascript(){{<script type="text/javascript">document.write(Math.floor( Math.random() * 1000 ));</script>}} |
|淀五郎|#javascript(){{document.write(Math.floor( Math.random() * 1000 ));}} |
|七段目|#javascript(){{document.write(Math.floor( Math.random() * 1000 ));}} |
#table_sorter(neta)
#javascript(){{ <script type="text/javascript">
<!--
/**
* データ定義
*/
var tableData = [
{"No":1,"Name":"aa","HP":200,"Attack":300,"Heal":100},
{"No":2,"Name":"bb","HP":100,"Attack":200,"Heal":300},
{"No":3,"Name":"cc","HP":300,"Attack":200,"Heal":100},
{"No":4,"Name":"dd","HP":400,"Attack":150,"Heal":50},
{"No":5,"Name":"ee","HP":500,"Attack":50,"Heal":50},
{"No":6,"Name":"ff","HP":350,"Attack":450,"Heal":-150}
]; // 実際のデータ
var sortKey = ["No", "HP", "Attack", "Heal"]; // ソート項目
var asc = false; // 昇順(true)/降順(false)
var nowSortKey = "No"; // 現在ソートキー
/**
* テーブルデータ生成
*/
function createTable(obj) {
var sort = "No"; // デフォルトソート
if (obj != undefined && obj.id != undefined) {
sort = obj.id;
var sortFlg = false;
for (var i=0; i<sortKey.length; i++) {
if (sortKey[i] == sort) {
sortFlg = true;
break;
} else {
continue;
}
}
if (!sortFlg) return false; // ソート項目でなければ処理スキップ
}
asc = !asc; // 昇順/降順切り替え
if (nowSortKey != sort) {
asc = true; // ソート項目変更時は昇順
nowSortKey = sort;
}
// ヘッダー編集
editHeader();
var tbodyElm = document.getElementById("tbody_detail");
// tbody配下クリア
deleteTable(tbodyElm);
// データをソート
tableData.sort(
function (a, b) {
var aName = a[sort];
var bName = b[sort];
if (asc) return (aName > bName) ? 1 : -1;
else return (aName < bName) ? 1 : -1;
}
);
// tbody配下再作成
for (var i=0; i<tableData.length; i++) {
tbodyElm.appendChild(createTrElement(tableData[i]));
}
}
/**
* テーブルデータ削除
*/
function deleteTable(tbodyElm) {
// 全ての子ノードを削除
for (var i=tbodyElm.childNodes.length-1; i>=0; i--) {
tbodyElm.removeChild(tbodyElm.childNodes[i]);
}
}
/**
* <tr>タグ生成
*/
function createTrElement(data) {
var trElm = document.createElement("tr");
trElm.appendChild(createTdElement(data.No));
trElm.appendChild(createTdElement(data.Name));
trElm.appendChild(createTdElement(data.HP));
trElm.appendChild(createTdElement(data.Attack));
trElm.appendChild(createTdElement(data.Heal));
return trElm;
}
/**
* <td>タグ生成
*/
function createTdElement(txt) {
var tdElm = document.createElement("td");
var txtObj = document.createTextNode(txt);
tdElm.appendChild(txtObj);
return tdElm;
}
/**
* テーブルヘッダー編集
*/
function editHeader() {
// ヘッダー初期化
for (var i=0; i<sortKey.length; i++) {
var obj = document.getElementById(sortKey[i]);
obj.style.color = "#000000";
obj.removeChild(obj.childNodes[0]);
obj.appendChild(document.createTextNode(sortKey[i]));
}
// ソート項目の編集
if (nowSortKey != undefined && nowSortKey != "") {
var sortObj = document.getElementById(nowSortKey);
sortObj.style.color = "#0000FF";
sortObj.removeChild(sortObj.childNodes[0]);
var txt = (asc) ? "▼" : "▲";
sortObj.appendChild(document.createTextNode(nowSortKey + txt));
}
}
/**
* onloadイベント付与
*/
if (window.addEventListener) { //for W3C DOM
window.addEventListener("load", createTable, false);
} else if (window.attachEvent) { //for IE
window.attachEvent("onload", createTable);
} else {
window.onload = createTable;
}
//-->
</script>}}
#javascript(){{document.write(Math.floor( Math.random() * 1000 ));}}
/sandbox
//**更新履歴
//#recent(20)
sandbox
|~演目|~演目|~演目|h
|権助魚|蛙茶番||
|淀五郎|四段目||
|七段目|紙屑屋||
#table_sorter(neta)
1-1000の乱数:
#javascript(){{document.write(Math.floor( Math.random() * 1001 ));}}
/sandbox
リンクだけあって作成されていないページ一覧(つまり誤表記・誤リンク一覧)
#yetlist(100,ref,sensitive)