http://w.atwiki.jp/worditest/ worditest @ ウィキ ja 2011-10-31T15:24:58+09:00 1320042298 https://w.atwiki.jp/worditest/pages/18.html jQuery plugin tablesorterのデモ <!-- これが元になるテーブル、atwiki記法で書かれています --> #divid(tablesorter-src){ |名前|戦闘力|Lv| |クリ○ン|600|20| |ゴク○|800|25| |ピッ○ロさん|780|23| |ヤム○ャ|380|33| } #divid(makeTableButton){ } <!-- ここにソート対応したテーブルが作られます --> #divid(tablesorter-dest){ } // -------------------- ここからしたは弄る必要なし ----------------- #include_js(http://www18.atwiki.jp/worditest/pub/jquery.min.js) #include_js(http://www18.atwiki.jp/worditest/pub/jquery.tablesorter.js) #javascript(){ // ボタン作成 $("#makeTableButton").append("<input type='button' value='ソート対応のテーブルを作成' onclick='makeTable()' />"); function makeTable() { // 移動元と移動先のテーブル var src = $("#tablesorter-src").children("table"); $("#tablesorter-dest").append("<table>"); var dest = $("#tablesorter-dest").children("table"); // 移動先テーブルの準備 dest.addClass("tablesorter"); dest.append("<thead id='tableHead'>"); dest.append("</thead>"); dest.append("<tbody id='tableBody'>"); dest.append("</tbody>" 2011-10-31T15:24:58+09:00 1320042298 https://w.atwiki.jp/worditest/pages/17.html *メニュー -[[jQuery plugin tablesorterのデモ]] &link_edit(text=編集,page=メニュー) 2011-10-31T15:24:32+09:00 1320042272 https://w.atwiki.jp/worditest/pages/13.html サブメニュ 2011-10-28T10:55:08+09:00 1319766908 https://w.atwiki.jp/worditest/pages/12.html * 人気商品一覧 @wikiのwikiモードでは #price_list(カテゴリ名) と入力することで、あるカテゴリの売れ筋商品のリストを表示することができます。 カテゴリには以下のキーワードがご利用できます。 |キーワード|表示される内容| |ps3|PlayStation3| |ps2|PlayStation3| |psp|PSP| |wii|Wii| |xbox|XBOX| |nds|Nintendo DS| |desctop-pc|デスクトップパソコン| |note-pc|ノートパソコン| |mp3player|デジタルオーディオプレイヤー| |kaden|家電| |aircon|エアコン| |camera|カメラ| |game-toy|ゲーム・おもちゃ全般| |all|指定無し| 空白の場合はランダムな商品が表示されます。 ※このプラグインは[[価格比較サイト@PRICE>>http://atprice.jp]]のデータを利用しています。 ----- たとえば、 #price_list(game-toy) と入力すると以下のように表示されます。 ゲーム・おもちゃ全般の売れ筋商品 #price_list(game-toy) ノートパソコンの売れ筋商品 #price_list(game-toy) 人気商品リスト #price_list() 2011-10-28T10:50:43+09:00 1319766643 https://w.atwiki.jp/worditest/pages/11.html * コメントプラグイン @wikiのwikiモードでは #comment() と入力することでコメントフォームを簡単に作成することができます。 詳しくはこちらをご覧ください。 ＝＞http://atwiki.jp/guide/17_60_ja.html ----- たとえば、#comment() と入力すると以下のように表示されます。 #comment 2011-10-28T10:50:43+09:00 1319766643 https://w.atwiki.jp/worditest/pages/10.html * 関連ブログ @wikiのwikiモードでは #bf(興味のある単語) と入力することで、あるキーワードに関連するブログ一覧を表示することができます 詳しくはこちらをご覧ください。 ＝＞http://atwiki.jp/guide/17_161_ja.html ----- たとえば、#bf(ゲーム)と入力すると以下のように表示されます。 #bf(ゲーム) 2011-10-28T10:50:43+09:00 1319766643 https://w.atwiki.jp/worditest/pages/9.html @wikiにはいくつかの便利なプラグインがあります。 ----- #ls ----- これ以外のプラグインについては@wikiガイドをご覧ください =>http://atwiki.jp/guide/ 2011-10-28T10:50:43+09:00 1319766643 https://w.atwiki.jp/worditest/pages/8.html * 動画(youtube) @wikiのwikiモードでは #video(動画のURL) と入力することで、動画を貼り付けることが出来ます。 詳しくはこちらをご覧ください。 ＝＞http://atwiki.jp/guide/17_209_ja.html また動画のURLはYoutubeのURLをご利用ください。 ＝＞http://www.youtube.com/ ----- たとえば、#video(http://youtube.com/watch?v=kTV1CcS53JQ)と入力すると以下のように表示されます。 #video(http://youtube.com/watch?v=kTV1CcS53JQ) 2011-10-28T10:50:43+09:00 1319766643 https://w.atwiki.jp/worditest/pages/7.html * アーカイブ @wikiのwikiモードでは #archive_log() と入力することで、特定のウェブページを保存しておくことができます。 詳しくはこちらをご覧ください。 ＝＞http://atwiki.jp/guide/25_171_ja.html ----- たとえば、#archive_log()と入力すると以下のように表示されます。 保存したいURLとサイト名を入力して"アーカイブログ"をクリックしてみよう #archive_log() 2011-10-28T10:50:43+09:00 1319766643 https://w.atwiki.jp/worditest/pages/6.html * 更新履歴 @wikiのwikiモードでは #recent(数字) と入力することで、wikiのページ更新履歴を表示することができます。 詳しくはこちらをご覧ください。 ＝＞http://atwiki.jp/guide/17_117_ja.html ----- たとえば、#recent(20)と入力すると以下のように表示されます。 #recent(20) 2011-10-28T10:50:43+09:00 1319766643