Note/diary/2007-08-11 のバックアップ(No.9)

いいっすねぇ。業界的に、暦通りなので、特に決まったお休みはありません。 -- upk? 2007-08-12 (日) 14:08:48
- お疲れ様です。長期の休みってその間仕事している方達に支えられているだなとつくづく感じます。 -- taru 2007-08-12 (日) 15:00:02
Wikiの超初心者の為どこに書けばよいのかも分からないのですが質問させてください。wiki、2006-11-8のsortabletable -- kazu? 2007-08-12 (日) 18:51:40
sortabletableプラグインの設定の仕方を教えていただけないでしょうか。よろしくお願いします。 -- kazu? 2007-08-12 (日) 18:53:06
- ぱんださんが作っているtracker.inc.php用に改造したsortabletable.js, filterabletable.jsを利用するために作っています。（質問箱/89,質問箱/99）
  sortabletable.js, filterabletable.jsはしろくろのへやのsvnにあるPukiWiki/skinに置かれています。cssもそこを参考に書き換えています。（画像はPukiWiki/imageのupsimple.pngとdownsimple.png） -- taru 2007-08-12 (日) 23:59:35
- このプラグインに関係した内容でしろくろのへやに質問はしないようにして下さい。私が勝手に利用させてもらっているメモ書きけなので… 。diary/2006-11-08 -- taru 2007-08-13 (月) 00:18:32
早速のお返事ありがとうございます。パンダさんのページより、幾つかファイルをダウンロードしてみましたが動きません。症状ですが、Wikiのページを編集（#sortabletable{{{と縦棒でテーブルのデータを記述）し保存しても「#sortabletable{{{」がそのまま表示され、その下にテーブルが通常通り表示されてしまいます。テーブルのタイトル行をクリックしても、ピクリともしない。どこまで正しいのか分かりませんが、試行錯誤で以下の設定しています。１．pukiwiki.ini.phpを編集。define('PKWK_ALLOW_JAVASCRIPT', 1)でJavaScriptをAllowに変更。２．taruさんのサイトよりsortabletable.inc.phpダウンロード。pluginに配置。３．ぱんださんのページより、sortabletable.js、filterabletable.js、filterabletable.css、sortabletable.cssをダウンロード。skinフォルダに配置。４．pukiwiki.skin.phpを編集。skinに配置した４ファイルが読み込まれるようheadの中に追記。 -- kazu? 2007-08-13 (月) 12:18:32
あと、関係があるのか無いのか分からないのですが、以下も行っています。。５．ぱんださんのページより、table_modifier.phpをダウンロード。libに配置。６．pukiwiki.phpを編集。require(LIB_DIR . 'table_modifier.php')を追記。（このファイルはなんでしょう？？？） -- kazu? 2007-08-13 (月) 12:19:15
ちなみに動作環境は、WindowsXP、XAMPP Lite 1.6.3a、Pukiwiki 1.4.7です。テーブル作成に縦棒が使えるように、pukiwiki.ini.php内を$line_break = 1に変更しています。パンダさんのtracker.inc.phpは参考までにダウンロードしてみましたが、さっぱり。私の経験ですが、Pukiwikiの経験は使用のみで1ヶ月ほど、PHPの経験は全くなしです。お休み中のところ（？！）恐縮ですが、何かヒントがありましたらご指南くださいませ。 -- kazu? 2007-08-13 (月) 12:22:39
tracker.inc.phpは関係ないです。どうやら本家Pukiwiki 1.4.7を利用されているようですね。この場合先ず複数行プラグインを利用可能にしないと使えません。それと本家PukiWiki提供のwikiで動作可能か確認していないのでこちらで確認してみます暫しお待ちください。 -- taru 2007-08-13 (月) 13:23:23

本家PukiWiki1.4.7への設置方法をまとめてみました。

設置方法

本家PukiWiki 1.4.7 utf8 設置方法

pukiwiki.ini.phpにて複数行プラグインを利用可能にする。
```
define('PKWKEXP_DISABLE_MULTILINE_PLUGIN_HACK', 0);
```

当サイトでダウンロードしたsortabletable.inc.phpを下記のように修正する。

	if ($st_count == 0) {
		global $head_tags;
-		$head_tags[] = ' <script type="text/javascript" charset="utf-8" src="' . SKIN_URI . 'sortabletable.js"></script>';
-		$head_tags[] = ' <script type="text/javascript" charset="utf-8" src="' . SKIN_URI . 'filterabletable.js"></script>';
+		$head_tags[] = ' <script type="text/javascript" charset="utf-8" src="' . SKIN_DIR . 'sortabletable.js"></script>';
+		$head_tags[] = ' <script type="text/javascript" charset="utf-8" src="' . SKIN_DIR . 'filterabletable.js"></script>';
	}

image/ディレクトリに下記ファイルを追加
```
blank.png
downsimple.png
upsimple.png
```
skin/ディレクトリに下記ファイルを追加
```
sortabletable.js
filterabletable.js
```

skin/pukiwiki.css.phpの最後に下記内容を追加

/*sortabletable.js*/
.sort-arrow {
	width:					11px;
	height:					11px;
	background-position:	center center;
	background-repeat:		no-repeat;
	margin:					0 2px;
}

.sort-arrow.descending {
	background-image:		url("../image/downsimple.png");

}

.sort-arrow.ascending {
	background-image:		url("../image/upsimple.png");
}

/*filterabletable.js*/
.filter-box {
	width:					100%;
	height:					1.5em;
	margin:					0;
}

注意して欲しいのは複数行プラグインの記述時に{{{で始まったら最後は}}}で終わる事です。 -- taru 2007-08-13 (月) 15:35:04

お手数おかけしました。早速試してみます。 -- kazu? 2007-08-13 (月) 18:24:31
最初からPukiWikiを入れ直し試してみましたが、残念ながらまだ動きません。ページを編集（#sortabletable{{{と縦棒でテーブルのデータを記述、最後に}}}で閉じる）し保存すると、「#sortabletable{{{」と最後の「}}}」は表示されなくなりましたが、テーブルが通常通り表示され、タイトル行をクリックしても、ピクリとも動きません。テーブル部分のHTML出力を見てみると、こんな感じです。<table id="sortabletable1" class="style_table" cellspacing="1" border="0"><tbody><tr><th class="style_th">aaa</th><th class="style_th">bbb</th><th class="style_th">ccc</th></tr><tr><td class="style_td">111</td><td class="style_td">nase</td><td class="style_td">あ</td></tr><tr><td class="style_td">3333</td><td class="style_td">juy</td><td class="style_td">う</td></tr><tr><td class="style_td">66</td><td class="style_td">kkuy</td><td class="style_td">い</td></tr><tr><td class="style_td">444</td><td class="style_td">hyu</td><td class="style_td">お</td></tr><tr><td class="style_td">4444</td><td class="style_td">ahyu</td><td class="style_td">お</td></tr></tbody></table></div><script type="text/javascript"></script>　blank.pngなどイメージファイルへのリンクが含まれていません。。なぜでしょう？！？！ -- kazu? 2007-08-13 (月) 23:36:35
- tableタグは正常です。下のSortableTableも問題なさそうです。javascriptエラーとか出てませんでしたか？。<head></head>の間に
```
<script type="text/javascript" charset="utf-8" src="skin/sortabletable.js"></script>
<script type="text/javascript" charset="utf-8" src="skin/filterabletable.js"></script>
```
  の記述がちゃんと出力されていますか？ -- taru 2007-08-14 (火) 00:13:19
javascriptエラーは出ていません。 -- kazu? 2007-08-14 (火) 00:18:50
HTML出力のheadの中に、 <script type="text/javascript" charset="utf-8" src="skin/sortabletable.js"></script> <script type="text/javascript" charset="utf-8" src="skin/filterabletable.js"></script>があります。今使っているPukiwikiはeuc版なのですが、charsetはeuc-jpに書き換えたほうがよいのでしょうか？ -- kazu? 2007-08-14 (火) 00:22:25
taruさんの2006-11-08の日記のページのHTML出力↓と比べると、「class="sort-arrow"」など、HTML出力が異なりますが、この点は問題ありませんでしょうか？<table id="sortabletable1" class="style_table" border="0" cellspacing="1"><thead><tr><td class="style_td">aaa<img class="sort-arrow" src="wiki/image/blank.png"></td><td class="style_td">bbb<img class="sort-arrow" src="wiki/image/blank.png"></td><td class="style_td">ccc<img class="sort-arrow" src="wiki/image/blank.png"></td></tr></thead><tbody><tr><td class="style_td">111</td><td class="style_td">nase</td><td class="style_td">あ</td></tr><tr><td class="style_td">3333</td><td class="style_td">juy</td><td class="style_td">う</td></tr><tr><td class="style_td">66</td><td class="style_td">kkuy</td><td class="style_td">い</td></tr><tr><td class="style_td">444</td><td class="style_td">hyu</td><td class="style_td">お</td></tr><tr><td class="style_td">4444</td><td class="style_td">ahyu</td><td class="style_td">お</td></tr></tbody></table></div> -- kazu? 2007-08-14 (火) 00:23:59
ごめんなさい。。ページを更新したらコメントが二度入ってしまいました。以後気をつけます。 -- kazu? 2007-08-14 (火) 00:29:09

diary/2007-08-11