Top > Note > diary > 2006-11-08 ***本家PukiWiki 1.4.7 utf8 設置方法 [#i919410e] -pukiwiki.ini.phpにて複数行プラグインを利用可能にする。 define('PKWKEXP_DISABLE_MULTILINE_PLUGIN_HACK', 0); -当サイトでダウンロードしたsortabletable.inc.phpを下記のように修正する。 #code(diff){{{ 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の最後に下記内容を追加 #pre{{{ /*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; } }}} #endregion 注意して欲しいのは複数行プラグインの記述時に{{{で始まったら最後は}}}で終わる事です。 -- [[taru]] &new{2007-08-13 (月) 15:35:04}; - お手数おかけしました。早速試してみます。 -- [[kazu]] &new{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"><!-- <![CDATA[var tableid = document.getElementById('sortabletable1');var st = new SortableTable(tableid, ['Number','String','String']);var ft = new FilterableTable(tableid);//]]>--></script> blank.pngなどイメージファイルへのリンクが含まれていません。。なぜでしょう?!?! (T-T -- [[kazu]] &new{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]] &new{2007-08-14 (火) 00:13:19}; - javascriptエラーは出ていません。 (..; -- [[kazu]] &new{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]] &new{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]] &new{2007-08-14 (火) 00:23:59}; - ごめんなさい。。ページを更新したらコメントが二度入ってしまいました。以後気をつけます。 -- [[kazu]] &new{2007-08-14 (火) 00:29:09}; - 上のsortabletable.inc.phpの修正は赤の部分を消して青の部分を追加という意味です。またファイルのパーミッションは正常ですか?。utf-8とかは日本語文字をプログラムに含めない限り影響しないと思います。 -- [[taru]] &new{2007-08-14 (火) 00:38:50}; - 夜分遅くまでサポート有難うございます。sortabletable.inc.phpの修正は赤の部分を消して青の部分を追加しています。ファイルのパーミッションはWindowsなので問題ないかと。ブラウザで、http://localhost/pukiwiki-1.4.7_notb2/skin/sortabletable.jsをぢか打ちしてスクリプトの内容が見えるので問題ないと思います。 -- [[kazu]] &new{2007-08-14 (火) 00:50:15}; - 一応現段階で予想できるのが、&br;・プラグインは正常に動作している。&br;・sortabletable.jsが読込めていない。&br;という感じですかねぇ…。 -- [[taru]] &new{2007-08-14 (火) 01:09:58}; - firefoxでページ見ていたのでエラーに気づかなかったのですが、IEで見てみるとエラーが出ていました。ウインドウのステータスバーに「実行しましたが、ページにエラーが発生しました。」とあります。ステータスバーをダブルクリックし、エラーの詳細を見ると「ライン:109 文字:2 エラー:オブジェクトがありません。コード:0 URL:http://localhost/pukiwiki-1.4.7_notb2/index.php?test」とでます。 -- [[kazu]] &new{2007-08-14 (火) 01:08:59}; - エラーからコードをチェックしてみたらテーブルヘッダが見つからない為のものです。つまりpukiwiki書式のテーブルヘッダ記述「|あ|い|う|h」の「h」が無いという事です -- [[taru]] &new{2007-08-14 (火) 01:31:05}; - IEのインターネットオプションの詳細設定の「スクリプトのデバッグを使用しない」のチェックをはずし、ページを見て見ると、次のようなエラーダイアログが出ます。「ランタイムエラーが発生しました。デバッグしますか? 行108 エラー:オブジェクトがありません。」はいボタンを押し、デバッガを選択し、デバッグを進めると、sortabetable.jsの108行目で止まります。sortabetable.jsがおかしいのでしょうか?! (..; -- [[kazu]] &new{2007-08-14 (火) 01:32:13}; - ご指摘の通り「h」を入れたら動きました (^-^ !!ヘッダは「~」を入れることと勘違いしていました。。本件に関して、見ず知らず&超初心者の私に丁重に対応してくださったこと、本当に感謝いたします。有難うございました。そして、私の知識不足のせいでご迷惑お掛けしたことお詫びいたします。 -- [[kazu]] &new{2007-08-14 (火) 02:02:33}; - お疲れ様でした。問題が解決できてなによりです。後日このページのコメント等は[[diary/2006-11-08]]のコメントページを手動作成して移動します。 -- [[taru]] &new{2007-08-14 (火) 02:17:25}; #comment [[diary/2006-11-08]] タイムスタンプを変更しない ***[[Note/diary/2007-08-11]]ページに書き込まれたsortabletable.inc.php関連のコメントをこちらに移動しました。 [#qb24989a] - Wikiの超初心者の為どこに書けばよいのかも分からないのですが質問させてください。wiki、2006-11-8のsortabletable -- [[kazu]] &new{2007-08-12 (日) 18:51:40}; - sortabletableプラグインの設定の仕方を教えていただけないでしょうか。よろしくお願いします。 -- [[kazu]] &new{2007-08-12 (日) 18:53:06}; -- ぱんださんが作っているtracker.inc.php用に改造したsortabletable.js, filterabletable.jsを利用するために作っています。([[質問箱/89>http://home.arino.jp/?%E8%B3%AA%E5%95%8F%E7%AE%B1%2F89]],[[質問箱/99>http://home.arino.jp/?%E8%B3%AA%E5%95%8F%E7%AE%B1%2F99]])&br;sortabletable.js, filterabletable.jsは[http://home.arino.jp/ しろくろのへや]のsvnにあるPukiWiki/skinに置かれています。cssもそこを参考に書き換えています。(画像はPukiWiki/imageのupsimple.pngとdownsimple.png) -- [[taru]] &new{2007-08-12 (日) 23:59:35}; -- このプラグインに関係した内容でしろくろのへやに質問はしないようにして下さい。私が勝手に利用させてもらっているメモ書きけなので… (^^; 。[[diary/2006-11-08]] -- [[taru]] &new{2007-08-13 (月) 00:18:32}; - 早速のお返事ありがとうございます。パンダさんのページより、幾つかファイルをダウンロードしてみましたが動きません。症状ですが、Wikiのページを編集(#sortabletable{{{と縦棒でテーブルのデータを記述)し保存しても「#sortabletable{{{」がそのまま表示され、その下にテーブルが通常通り表示されてしまいます。テーブルのタイトル行をクリックしても、ピクリともしない。どこまで正しいのか分かりませんが、試行錯誤で以下の設定しています。1.pukiwiki.ini.phpを編集。define('PKWK_ALLOW_JAVASCRIPT', 1)でJavaScriptをAllowに変更。2.taruさんのサイトよりsortabletable.inc.phpダウンロード。pluginに配置。3.ぱんださんのページより、sortabletable.js、filterabletable.js、filterabletable.css、sortabletable.cssをダウンロード。skinフォルダに配置。4.pukiwiki.skin.phpを編集。skinに配置した4ファイルが読み込まれるようheadの中に追記。 -- [[kazu]] &new{2007-08-13 (月) 12:18:32}; - あと、関係があるのか無いのか分からないのですが、以下も行っています。。5.ぱんださんのページより、table_modifier.phpをダウンロード。libに配置。6.pukiwiki.phpを編集。require(LIB_DIR . 'table_modifier.php')を追記。(このファイルはなんでしょう???) -- [[kazu]] &new{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]] &new{2007-08-13 (月) 12:22:39}; - tracker.inc.phpは関係ないです。どうやら本家Pukiwiki 1.4.7を利用されているようですね。この場合先ず複数行プラグインを利用可能にしないと使えません。それと本家PukiWiki提供のwikiで動作可能か確認していないのでこちらで確認してみます暫しお待ちください。 -- [[taru]] &new{2007-08-13 (月) 13:23:23}; - 本家PukiWiki1.4.7への設置方法をまとめてみました。 #region(設置方法) ***本家PukiWiki 1.4.7 utf8 設置方法 [#i919410e] -pukiwiki.ini.phpにて複数行プラグインを利用可能にする。 define('PKWKEXP_DISABLE_MULTILINE_PLUGIN_HACK', 0); -当サイトでダウンロードしたsortabletable.inc.phpを下記のように修正する。 #code(diff){{{ 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の最後に下記内容を追加 #pre{{{ /*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; } }}} #endregion 注意して欲しいのは複数行プラグインの記述時に{{{で始まったら最後は}}}で終わる事です。 -- [[taru]] &new{2007-08-13 (月) 15:35:04}; - お手数おかけしました。早速試してみます。 -- [[kazu]] &new{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"><!-- <![CDATA[var tableid = document.getElementById('sortabletable1');var st = new SortableTable(tableid, ['Number','String','String']);var ft = new FilterableTable(tableid);//]]>--></script> blank.pngなどイメージファイルへのリンクが含まれていません。。なぜでしょう?!?! (T-T -- [[kazu]] &new{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]] &new{2007-08-14 (火) 00:13:19}; - javascriptエラーは出ていません。 (..; -- [[kazu]] &new{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]] &new{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]] &new{2007-08-14 (火) 00:23:59}; - ごめんなさい。。ページを更新したらコメントが二度入ってしまいました。以後気をつけます。 -- [[kazu]] &new{2007-08-14 (火) 00:29:09}; - 上のsortabletable.inc.phpの修正は赤の部分を消して青の部分を追加という意味です。またファイルのパーミッションは正常ですか?。utf-8とかは日本語文字をプログラムに含めない限り影響しないと思います。 -- [[taru]] &new{2007-08-14 (火) 00:38:50}; - 夜分遅くまでサポート有難うございます。sortabletable.inc.phpの修正は赤の部分を消して青の部分を追加しています。ファイルのパーミッションはWindowsなので問題ないかと。ブラウザで、http://localhost/pukiwiki-1.4.7_notb2/skin/sortabletable.jsをぢか打ちしてスクリプトの内容が見えるので問題ないと思います。 -- [[kazu]] &new{2007-08-14 (火) 00:50:15}; - 一応現段階で予想できるのが、&br;・プラグインは正常に動作している。&br;・sortabletable.jsが読込めていない。&br;という感じですかねぇ…。 -- [[taru]] &new{2007-08-14 (火) 01:09:58}; - firefoxでページ見ていたのでエラーに気づかなかったのですが、IEで見てみるとエラーが出ていました。ウインドウのステータスバーに「実行しましたが、ページにエラーが発生しました。」とあります。ステータスバーをダブルクリックし、エラーの詳細を見ると「ライン:109 文字:2 エラー:オブジェクトがありません。コード:0 URL:http://localhost/pukiwiki-1.4.7_notb2/index.php?test」とでます。 -- [[kazu]] &new{2007-08-14 (火) 01:08:59}; - エラーからコードをチェックしてみたらテーブルヘッダが見つからない為のものです。つまりpukiwiki書式のテーブルヘッダ記述「|あ|い|う|h」の「h」が無いという事です -- [[taru]] &new{2007-08-14 (火) 01:31:05}; - IEのインターネットオプションの詳細設定の「スクリプトのデバッグを使用しない」のチェックをはずし、ページを見て見ると、次のようなエラーダイアログが出ます。「ランタイムエラーが発生しました。デバッグしますか? 行108 エラー:オブジェクトがありません。」はいボタンを押し、デバッガを選択し、デバッグを進めると、sortabetable.jsの108行目で止まります。sortabetable.jsがおかしいのでしょうか?! (..; -- [[kazu]] &new{2007-08-14 (火) 01:32:13}; - ご指摘の通り「h」を入れたら動きました (^-^ !!ヘッダは「~」を入れることと勘違いしていました。。本件に関して、見ず知らず&超初心者の私に丁重に対応してくださったこと、本当に感謝いたします。有難うございました。そして、私の知識不足のせいでご迷惑お掛けしたことお詫びいたします。 -- [[kazu]] &new{2007-08-14 (火) 02:02:33}; - お疲れ様でした。問題が解決できてなによりです。後日このページのコメント等は[[diary/2006-11-08]]のコメントページを手動作成して移動します。 -- [[taru]] &new{2007-08-14 (火) 02:17:25}; #comment [[diary/2006-11-08]]