http://w.atwiki.jp/swashbuckler/ swashbuckler @ ウィキ ja 2008-10-31T09:18:13+09:00 1225412293 https://w.atwiki.jp/swashbuckler/pages/14.html #javascript(){{{{ <script src="http://www24.atwiki.jp/swashbuckler/?cmd=upload&act=open&page=SortTest&file=tablesort.js" type="text/javascript"> </script> <script Language="JavaScript"> <!-- function plugin_openclose2_40_209(tName) { if(document.all || document.getElementById){ if(document.all){ tMenu = document.all[tName].style; }else if(document.getElementById){ tMenu = document.getElementById(tName).style; }else{ tMenu = document.all[tName].style; } if (tMenu.display == 'none') tMenu.display = "inline"; else tMenu.display = "none"; } } // --></script> <script Language="JavaScript"> <!-- function plugin_openclose2_41_209(tName) { if(document.all || document.getElementById){ if(document.all){ tMenu = document.all[tName].style; }else if(document.getElementById){ tMenu = document.getElementById(tName).style; }else{ tMenu = document.all[tName].style; } if (tMenu.display == 'none') tMenu.display = "inline"; else tMenu.display = "none"; } } // --></script> <script Language="JavaScript"> <!-- function plugin_openclose2_42_209(tName) { if(document.all || document.getElementById){ if(document.all){ tMenu = document.all[tName].style; }else if(document.getElementById){ tMenu = document.getElementById(tName).style; }else{ tMenu = document.all[tName].style; } if (tMenu.display == 'none') tMenu.display = "inline"; else tMenu.display = "none"; } } // --></script> <script Language="JavaScript"> <!-- function plugin_openclose2_43_209(tName) { if(document.all || document.getElementById){ if(document.all){ tMenu = document.all[tName].style; }else if(document.getElementById){ tMenu = document.getElementById(tName).style; }else{ tMenu = document.all[tName].style; } if (tMenu.display == 'none') tMenu.display = "inline"; else tMenu.display = "none"; } } // --></script> <script Language="JavaScript"> <!-- function plugin_openclose2_44_209(tName) { if(document.all || document.getElementById){ if(document.all){ tMenu = document.all[tName].style; }else if(document.getElementById){ tMenu = document.getElementById(tName).style; }else{ tMenu = document.all[tName].style; } if (tMenu.display == 'none') tMenu.display = "inline"; else tMenu.display = "none"; } } // --></script> }}}} ・テーブルソートVer0.2（清書版（ぉぃ）） コンセプト：データ好きな人のためにソート機能実装 詳細性より必要部分の可読性重視 #html2(){{{{{{ <table> <thead> <tr class="atwiki_tr_odd atwiki_tr_1" > <!--0-0--><th label=nocase style="">名称</th> <!--0-1--><th label=num style="">価格</th> <!--0-2--><th label=num style="">攻撃</th> <!--0-3--><th label=num style="">射撃</th> <!--0-4--><th label=num style="">命中</th> <!--0-5--><th label=num style="">回避</th> <!--0-6--><th label=num style="">防御</th> <!--0-7--><th label=num style="">防受</th> <!--0-8--><th label=num style="">魔攻</th> <!--0-9--><th label=num style="">魔防</th> <!--0-10--><th label=num style="">射程</th> <!--0-11--><th label=num style="">AP</th> <!--0-12--><th label=num style="">HP</th> <!--0-13--><th label=num style="">MP</th> <!--0-14--><th label=num style="">重量</th> <!--0-15--><th label=nocase style="">装備可能箇所</th> <!--0-16--><th label=nocase style="">解説</th></tr> <tr class="atwiki_tr_even atwiki_tr_2" > </thead> <tbody> <!--1-0--><td style="">応龍斧</td> <!--1-1--><td style="">400k</td> <!--1-2--><td style="">45</td> <!--1-3--><td style="">0</td> <!--1-4--><td style="">6</td> <!--1-5--><td style="">0</td> <!--1-6--><td style="">0</td> <!--1-7--><td style="">20</td> <!--1-8--><td style="">0</td> <!--1-9--><td style="">0</td> <!--1-10--><td style="">1</td> <!--1-11--><td style="">0</td> <!--1-12--><td style="">0</td> <!--1-13--><td style="">0</td> <!--1-14--><td style="">45</td> <!--1-15--><td style="">両手</td> <!--1-16--><td style=""> <span> <span class="plugin_openclose2_b"> <a href="javaScript:onClick=plugin_openclose2_40_209('plugin_openclose2_40_209')"> 表示 </a> </span> <span id="plugin_openclose2_40_209" style="display:none;"> <!--@@@@@--> 長さ1.5m程の斧。太く長い柄と、巨大な斧刃を持つ。その刃には両面に1匹ずつ、1匹の龍が対になるように描かれている。柄尻に付けられた魔石により、命中が高まっている。 </span> </span> </td></tr> <tr class="atwiki_tr_odd atwiki_tr_3" > <!--2-0--><td style="">ジャイアントアックス</td> <!--2-1--><td style="">30k</td> <!--2-2--><td style="">45</td> <!--2-3--><td style="">0</td> <!--2-4--><td style="">-15</td> <!--2-5--><td style="">0</td> <!--2-6--><td style="">0</td> <!--2-7--><td style="">0</td> <!--2-8--><td style="">0</td> <!--2-9--><td style="">0</td> <!--2-10--><td style="">3</td> <!--2-11--><td style="">0</td> <!--2-12--><td style="">0</td> <!--2-13--><td style="">0</td> <!--2-14--><td style="">45</td> <!--2-15--><td style="">両手</td> <!--2-16--><td style=""> <span> <span class="plugin_openclose2_b"> <a href="javaScript:onClick=plugin_openclose2_41_209('plugin_openclose2_41_209')"> 表示 </a> </span> <span id="plugin_openclose2_41_209" style="display:none;"> <!--@@@@@--> 長さ2.0m程の斧。太く長い柄と、巨大な斧刃を持つ。 </span> </span> </td></tr> <tr class="atwiki_tr_even atwiki_tr_4" > <!--3-0--><td style="">クレセントアックス</td> <!--3-1--><td style="">12k</td> <!--3-2--><td style="">30</td> <!--3-3--><td style="">0</td> <!--3-4--><td style="">-5</td> <!--3-5--><td style="">0</td> <!--3-6--><td style="">0</td> <!--3-7--><td style="">20</td> <!--3-8--><td style="">0</td> <!--3-9--><td style="">0</td> <!--3-10--><td style="">1</td> <!--3-11--><td style="">0</td> <!--3-12--><td style="">0</td> <!--3-13--><td style="">0</td> <!--3-14--><td style="">37</td> <!--3-15--><td style="">両手</td> <!--3-16--><td style=""> <span> <span class="plugin_openclose2_b"> <a href="javaScript:onClick=plugin_openclose2_42_209('plugin_openclose2_42_209')"> 表示 </a> </span> <span id="plugin_openclose2_42_209" style="display:none;"> <!--@@@@@--> 長さ1.4m程の柄に巨大な三日月状の刃を付けた斧。その刃は0.8m程もある。 </span> </span> </td></tr> <tr class="atwiki_tr_odd atwiki_tr_5" > <!--4-0--><td style="">ジャッドバラアックス</td> <!--4-1--><td style="">9k</td> <!--4-2--><td style="">22</td> <!--4-3--><td style="">0</td> <!--4-4--><td style="">5</td> <!--4-5--><td style="">0</td> <!--4-6--><td style="">0</td> <!--4-7--><td style="">20</td> <!--4-8--><td style="">0</td> <!--4-9--><td style="">0</td> <!--4-10--><td style="">1</td> <!--4-11--><td style="">0</td> <!--4-12--><td style="">0</td> <!--4-13--><td style="">0</td> <!--4-14--><td style="">25</td> <!--4-15--><td style="">両手</td> <!--4-16--><td style=""> <span> <span class="plugin_openclose2_b"> <a href="javaScript:onClick=plugin_openclose2_43_209('plugin_openclose2_43_209')"> 表示 </a> </span> <span id="plugin_openclose2_43_209" style="display:none;"> <!--@@@@@--> 長さ1.2m程の斧。柄の先端の片側には斧刃、もう一方には釣り針のような形の爪が付いている。 </span> </span> </td></tr> <tr class="atwiki_tr_even atwiki_tr_6" > <!--5-0--><td style="">ハンドアックス</td> <!--5-1--><td style="">4k</td> <!--5-2--><td style="">10</td> <!--5-3--><td style="">0</td> <!--5-4--><td style="">10</td> <!--5-5--><td style="">0</td> <!--5-6--><td style="">0</td> <!--5-7--><td style="">15</td> <!--5-8--><td style="">0</td> <!--5-9--><td style="">0</td> <!--5-10--><td style="">1</td> <!--5-11--><td style="">0</td> <!--5-12--><td style="">0</td> <!--5-13--><td style="">0</td> <!--5-14--><td style="">12</td> <!--5-15--><td style="">右手<br />左手<br />両手</td> <!--5-16--><td style=""> <span> <span class="plugin_openclose2_b"> <a href="javaScript:onClick=plugin_openclose2_44_209('plugin_openclose2_44_209')"> 表示 </a> </span> <span id="plugin_openclose2_44_209" style="display:none;"> <!--@@@@@--> 40cm位の手斧。接近戦に強い。ブリーダーが使いやすいように作られた一般的な品。 </span> </span> </td></tr> </tbody> </table> }}}}}} このシステムの問題点 ・既知 Q:なんだよこの機能 →AJAX、画面遷移なしでいろいろできる、興味があれば調べるとよし ・管理者しか設定できない（Javascriptを用いる） よって、一般編集者では機能実装が難しい。 ・「表示」部分のJavaScriptをいちいち手で乗せ換える必要 ・項目のところにソート条件を記載する必要がある。 2008-10-31T09:18:13+09:00 1225412293 https://w.atwiki.jp/swashbuckler/pages/2.html **メニュー -[[トップページ]] -[[プラグイン紹介>プラグイン]] -[[まとめサイト作成支援ツール]] -[[メニュー]] -[[メニュー2]] -[[SortTest]] ---- **リンク -[[@wiki>>http://atwiki.jp]] -[[@wikiご利用ガイド>>http://atwiki.jp/guide/]] **他のサービス -[[無料ホームページ作成>>http://atpages.jp]] -[[無料ブログ作成>>http://atword.jp]] -[[2ch型掲示板レンタル>>http://atchs.jp]] -[[無料掲示板レンタル>>http://atbbs.jp]] -[[お絵かきレンタル>>http://atpaint.jp/]] -[[無料ソーシャルプロフ>>http://sns.atfb.jp/]] // リンクを張るには "[" 2つで文字列を括ります。 // ">" の左側に文字、右側にURLを記述するとリンクになります //**更新履歴 //#recent(20) &link_editmenu(text=ここを編集) 2008-10-30T16:43:33+09:00 1225352613 https://w.atwiki.jp/swashbuckler/pages/13.html <table border="1" id="tb1" width="200"><thead><tr><th>名前</th> <th>年齢</th> </tr></thead><tbody><tr><td>Cyndy</td> <td>48</td> </tr><tr><td>Daisy</td> <td>24</td> </tr><tr><td>Alice</td> <td>36</td> </tr><tr><td>Ellen</td> <td>18</td> </tr><tr><td>Barbara</td> <td>52</td> </tr></tbody></table> 2008-10-29T11:09:41+09:00 1225246181 https://w.atwiki.jp/swashbuckler/pages/12.html <script type="text/javascript"> <!-- var oTRs; // TRオブジェクトリスト var nColId; // ソート対象のカラムID var sType; // ソート方式（n:数値、s:文字列） // idで指定されるテーブルの colId番目のカラムをソートする // typeには n（数値）か s（文字列）のいずれかを指定する function SortTable(id, colId, type) { var i, nRow, nCol; var oTABLE, oTBODY, oTDs; var aCells = new Array(); var nRowIDs = new Array(); // DOMをサポートしていなければ無視 if (!document.getElementById) { return; } // カラム番号とソート方式を外部変数に覚えておく nColId = colId; sType = type; // TR要素のリストを取り出す oTABLE = document.getElementById(id); oTBODY = oTABLE.getElementsByTagName("TBODY")[0]; oTRs = oTBODY.getElementsByTagName("TR"); // テーブルの内容を覚えておく for (nRow = 0; nRow < oTRs.length; nRow++) { nRowIDs[nRow] = nRow; oTDs = oTRs[nRow].getElementsByTagName("*"); aCells[nRow] = new Array(); for (nCol = 0; nCol < oTDs.length; nCol++) { aCells[nRow][nCol] = oTDs[nCol].firstChild.nodeValue; } } // ソートする nRowIDs.sort(CompareRows); // 覚えていた内容をテーブルに書き戻す for (nRow = 0; nRow < oTRs.length; nRow++) { oTDs = oTRs[nRow].getElementsByTagName("*"); for (nCol = 0; nCol < oTDs.length; nCol++) { oTDs[nCol].firstChild.nodeValue = aCells[nRowIDs[nRow]][nCol]; } } } // テーブルソートのための比較関数 function CompareRows(a, b) { var sA = oTRs[a].getElementsByTagName("*")[nColId].firstChild.nodeValue; var sB = oTRs[b].getElementsByTagName("*")[nColId].firstChild.nodeValue; if (sType == "n") { sA = eval(sA); sB = eval(sB); } if (sA == sB) { return 0; } else if (sA > sB) { return 1; } else { return -1; } } // --> </script> <table border=1 id="tb1" width=200> <thead> <tr> <th><button onclick="SortTable('tb1', 0, 's')">名前</button></th> <th><button onclick="SortTable('tb1', 1, 'n')">年齢</button></th> </tr> </thead> <tbody> <tr><td>Cyndy</td><td>48</td></tr> <tr><td>Daisy</td><td>24</td></tr> <tr><td>Alice</td><td>36</td></tr> <tr><td>Ellen</td><td>18</td></tr> <tr><td>Barbara</td><td>52</td></tr> </tbody> </table> 2008-10-29T11:04:51+09:00 1225245891 https://w.atwiki.jp/swashbuckler/pages/1.html **@wikiへようこそ -ウィキはみんなで気軽にホームページ編集できるツールです。 -このページは自由に編集することができます。 -メールで送られてきたパスワードを用いてログインすることで、各種変更（サイト名、トップページ、メンバー管理、サイドページ、デザイン、ページ管理、等）することができます **まずはこちらをご覧ください。 -[[@wikiの基本操作>http://atwiki.jp/guide/category2.html]] -[[用途別のオススメ機能紹介>http://atwiki.jp/guide/category22.html]] -[[@wikiの設定/管理>http://atwiki.jp/guide/category6.html]] **分からないことは？ -[[@wiki ご利用ガイド>http://atwiki.jp/guide/]] -[[よくある質問>http://atwiki.jp/guide/category1.html]] -[[無料で会員登録できるSNS内の@wiki助け合いコミュニティ>http://sns.atfb.jp/view_community2.php?no=112]] -[[@wiki更新情報>http://www1.atwiki.jp/guide/pages/264.html]] -[[@wikiへのお問合せフォーム>http://atwiki.jp/helpdesk]] 等をご活用ください **@wiki助け合いコミュニティの掲示板スレッド一覧 #atfb_bbs_list(112) **その他お勧めサービスについて -[[大容量１Ｇ、PHP/CGI、MySQL、FTPが使える無料ホームページは@PAGES>>http://atpages.jp/]] -[[無料ブログ作成は@WORDをご利用ください>>http://atword.jp/]] -[[2ch型の無料掲示板は@chsをご利用ください>>http://atchs.jp/]] -[[フォーラム型の無料掲示板は@bbをご利用ください>>http://atbb.jp/]] -[[お絵かき掲示板は@paintをご利用ください>>http://atpaint.jp/]] -[[その他の無料掲示板は@bbsをご利用ください>>http://atbbs.jp/]] -[[無料ソーシャルプロフィールサービス @flabo(アットフラボ)>>http://sns.atfb.jp]] **おすすめ機能 -[[気になるニュースをチェック>http://atwiki.jp/guide/17_174_ja.html]] -[[関連するブログ一覧を表示>http://atwiki.jp/guide/17_161_ja.html]] **その他にもいろいろな機能満載！！ -[[@wikiプラグイン>http://atwiki.jp/guide/category17.html]] -[[@wiki便利ツール>http://atwiki.jp/guide/category32.html]] -[[@wiki構文>http://atwiki.jp/guide/category16.html]] -[[@wikiプラグイン一覧>http://www1.atwiki.jp/guide/pages/264.html]] -[[まとめサイト作成支援ツール>http://atwiki.jp/matome/]] **バグ・不具合を見つけたら？ 要望がある場合は？ お手数ですが、メールでお問い合わせください。 2008-10-29T11:03:27+09:00 1225245807 https://w.atwiki.jp/swashbuckler/pages/3.html **更新履歴 #recent(20) &link_editmenu2(text=ここを編集) 2008-10-29T11:03:27+09:00 1225245807 https://w.atwiki.jp/swashbuckler/pages/4.html * ニュース @wikiのwikiモードでは #news(興味のある単語) と入力することで、あるキーワードに関連するニュース一覧を表示することができます 詳しくはこちらをご覧ください。 ＝＞http://atwiki.jp/guide/17_174_ja.html ----- たとえば、#news(wiki)と入力すると以下のように表示されます。 #news(wiki) 2008-10-29T11:03:27+09:00 1225245807 https://w.atwiki.jp/swashbuckler/pages/5.html * まとめサイト作成支援ツールについて @wikiには[[まとめサイト作成を支援するツール>>http://atwiki.jp/matome/]]があります。 また、 #matome_list と入力することで、注目の掲示板が一覧表示されます。 利用例）#matome_listと入力すると下記のように表示されます #matome_list 2008-10-29T11:03:27+09:00 1225245807 https://w.atwiki.jp/swashbuckler/pages/6.html * 更新履歴 @wikiのwikiモードでは #recent(数字) と入力することで、wikiのページ更新履歴を表示することができます。 詳しくはこちらをご覧ください。 ＝＞http://atwiki.jp/guide/17_117_ja.html ----- たとえば、#recent(20)と入力すると以下のように表示されます。 #recent(20) 2008-10-29T11:03:27+09:00 1225245807 https://w.atwiki.jp/swashbuckler/pages/7.html * アーカイブ @wikiのwikiモードでは #archive_log() と入力することで、特定のウェブページを保存しておくことができます。 詳しくはこちらをご覧ください。 ＝＞http://atwiki.jp/guide/25_171_ja.html ----- たとえば、#archive_log()と入力すると以下のように表示されます。 保存したいURLとサイト名を入力して"アーカイブログ"をクリックしてみよう #archive_log() 2008-10-29T11:03:27+09:00 1225245807