「メニュー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)

表示オプション

横に並べて表示:
変化行の前後のみ表示: