http://w.atwiki.jp/fete-toybox/ fete's toybox ja 2009-05-12T23:59:45+09:00 1242140385 https://w.atwiki.jp/fete-toybox/pages/24.html *テーブルをグリッドテーブルで表示 既存のテーブルの内容をグリッドテーブルで表示できます。 既存のテーブルを次のように#divid(table2grid)で囲んで#include(lib/gridtable/table2grid)と記述するだけです。 #divid(table2grid){{{{{ |ヘッダ１|ヘッダ２|ヘッダ３| |内容１|内容２|内容３| }}}}} #include(lib/gridtable/table2grid) グリッドテーブルのサイズや各列の幅を指定したい場合は[[カスタムグリッドテーブル]]を参照してください。 #divid(table2grid){{{{{ |ヘッダ１|ヘッダ２|ヘッダ３| |内容１|内容２|内容３| }}}}} #include(lib/gridtable/table2grid) 2009-05-12T23:59:45+09:00 1242140385 https://w.atwiki.jp/fete-toybox/pages/23.html #include_js(http://www33.atwiki.jp/fetedev/pub/js/grid/gt_msg_en.js) #include_js(http://www33.atwiki.jp/fetedev/pub/js/grid/gt_grid_all.js) #include_js(http://www33.atwiki.jp/fetedev/pub/js/sigmagrid.js) #include_js(http://www33.atwiki.jp/fetedev/pub/js/myatwiki.js) #javascript(){{{ var gn = "table2grid"; var cgt = document.getElementById(gn); if (cgt) { var gw = ebi("grid_table_width") || 600; var gh = ebi("grid_table_height") || 600; var gs = ebi("grid_pagesize") || 50; var s = new SigmaGrid(gn, gn, gw, gh); s.setToolbar(); s.setResizable(); s.setPageSize(gs); s.setSkin("grb"); var tr = cgt.getElementsByTagName("tr"); var head = tr[0].getElementsByTagName("td"); var hash = {}; var width = Math.round(530 / head.length); var i = 0; ite(head, function(a){ s.addField(a.innerHTML, "float"); s.addColumn(a.innerHTML, a.innerHTML, width); hash[a.innerHTML] = i++; }); ite(ebc("grid_columns"), function(a){ var eles = a. 2009-05-12T23:56:13+09:00 1242140173 https://w.atwiki.jp/fete-toybox/pages/22.html #table_edit(スキル/合成スキル/表) 2009-05-12T23:32:21+09:00 1242138741 https://w.atwiki.jp/fete-toybox/pages/21.html |スキル|MP|TP|ベース|アド１|アド２|説明|補足|作成| |[[バウンドフランキスカ]]|3|56|[[ハンドスイング]]|[[トリプルスラッシュ]]|[[ストーンバッシュ]]|CP:3 CS:23 WS:122 射程:S 対象:敵 範囲:単体 属性:地斬突 BT:片手斧<br />2回攻撃。対象にダメージ。<br />AoC最強ユニット「フランカスロウ」の必殺技。…おまえ、いま、フランク文明を馬鹿にしただろ？||[[163-95>http://convex.nce.buttobi.net/?c=163-95]]| |[[コンフュアンドベノム]]|0|81|[[脳揺撃]]|[[バイパーファング]]||CP:4 CS:40 WS:110 射程:S 対象:敵 範囲:単体 属性:突打 BT:両手棍<br />対象にダメージ。<br /> [R]追加:混乱<br />混乱そして毒へ・・・||[[184-95>http://convex.nce.buttobi.net/?c=184-95]]| |[[エレメンタルヒール]]|110|0|[[デラクトヒール]]|[[アンチシャドウ]]||CP:4 CS:49 WS:115 射程:L 対象:味方 範囲:範囲（大） 属性:聖 BT:神聖魔法<br />対象のHP回復。命中補正。<br />精霊の力を借りて異次元のエネルギーを呼び込む、リミのオリジナルマジック||[[323-95>http://convex.nce.buttobi.net/?c=323-95]]| |[[ダークミスト]]|54|0|[[シャドウエッジ]]|[[ポイズン]]|[[ディクライズ]]|CP:3 CS:39 WS:122 射程:L 対象:敵 範囲:単体 属性:水聖闇 BT:精霊魔法<br />2回攻撃。対象にダメージ。命中補正。<br />毒性のある霧で視界を遮る魔法。||[[407-95>http://convex.nce.buttobi.net/?c=407-95]]| |[[ハードラッシュ]]|0|14|[[秘空衝]]|[[ブロウラッシュ]]||CP:3 CS:15 WS:105 射程:S 対象:敵 範囲:単体 属性:打 BT:魔導器<br />2回攻撃。対象にダメージ。<br />ラッシュ||[[417-95>http://conve 2009-09-09T23:07:46+09:00 1252505266 https://w.atwiki.jp/fete-toybox/pages/20.html *ヘッドライン #splitinclude(コミュニティ新着,公式情報) 2009-04-27T00:32:33+09:00 1240759953 https://w.atwiki.jp/fete-toybox/pages/19.html ***メニューの変更依頼や、グリッドテーブルに関する要望などありましたらこちらにどうぞ。 #pcomment(reply) 2009-04-25T21:54:53+09:00 1240664093 https://w.atwiki.jp/fete-toybox/pages/18.html *合成スキル一覧 |ベース&spanclass(grid_select_filter){ベース}|アドオン１&spanclass(grid_select_filter){アド１}|アドオン２&spanclass(grid_select_filter){アド２}| |説明&spanclass(grid_filter){説明}|作成&spanclass(grid_filter){作成}| #divid(table2grid){{{{{ #divclass(grid_columns){スキル,60,} #divclass(grid_columns){ベース,50,} #divclass(grid_columns){アド１,50,} #divclass(grid_columns){アド２,50,} #divclass(grid_columns){MP,30} #divclass(grid_columns){TP,30} #divclass(grid_columns){説明,80,180} #divclass(grid_columns){補足,80,180} #divclass(grid_columns){作成,50} #include(スキル/合成スキル/表) }}}}} #include(lib/gridtable/table2grid) [[テーブルを編集する>スキル/合成スキル/編集]] #pcomment(reply) 2009-05-13T00:05:41+09:00 1242140741 https://w.atwiki.jp/fete-toybox/pages/17.html **公式情報 #showrss(http://pipes.yahoo.com/pipes/pipe.run?_id=kmdZuGKe3RG7n_7A6icw5g&_render=rss) 2009-04-25T21:47:59+09:00 1240663679 https://w.atwiki.jp/fete-toybox/pages/16.html **コミュニティ新着書き込み #showrss(http://pipes.yahoo.com/pipes/pipe.run?_id=uEnf4L_j3RGra5wEBRNMsA&_render=rss&item=10) 2009-04-25T21:46:54+09:00 1240663614 https://w.atwiki.jp/fete-toybox/pages/15.html **カスタムグリッドテーブル 独自にグリッドテーブルを利用する方法の解説。 下記の設定項目を上から順番に記述していく。 ***設定項目 |グリッドテーブルのID|#divid(grid_table){ID}|*1| |グリッドテーブルの幅|#divid(grid_table_width){幅}|| |グリッドテーブルの高さ|#divid(grid_table_height){高さ}|| |1ページに表示する行数|#divid(grid_pagesize){行数}|| |カラム（列）の設定|#divclass(grid_columns){列名,列の幅,ツールチップの幅}|*2| |各データの設定|#divclass(grid_data){1列目の内容~2列目の内容}|*3| |簡易フィルターの設置|spanclass(grid_filter){列名}|*4| |選択式フィルターの設置|spanclass(grid_select_filter){列名}|*4| |グリッドテーブル表示用divタグ|#divid(ID){表示領域}|*5| |javascriptの読み込み|#include(lib/gridtable/custom)|*6| *1 IDは半角英数字で指定する。 *2 列の幅を超える内容は、ツールチップの幅を任意で指定することでツールチップを表示することができる。 *3 区切り文字の「~」は「|」に置き換える。 *4 フィルターの設置は任意。設置する場合はspanclassの頭に&をつける。 *5 ここだけは{}ではなく()の中身を変更する。内容はグリッドテーブルのID。 *6 javascriptを記述したページの読み込みはすべての設定が終わった後に行う。 ***設定例 // グリッドテーブルの設定 #divid(grid_table){sample} #divid(grid_table_width){280} #divid(grid_table_height){250} #divid(grid_pagesize){100} #divclass(grid_columns){名前,50} #divclass(grid_columns){効果,100,120} #di 2009-04-25T21:41:57+09:00 1240663317