XOOPSの全てのモジュールでLightboxを利用する方法
| ※ 本ページは凍結されました。 ※ 以後、XOOPS/PukiWikiで 最新更新いたします。 |
| 副題 | あの便利な Lightbox Plus を 全てのモジュールで利用しますか |
 | 英語化 | 本ページの短縮URL: http://js2007.fs4y.com/?e=xl |
| 本ページ本文最終更新日時： | 関連リンク | |||
| 2007/07/16 07:40am JST | 「XOOPSの話題」へ戻す | 複数サーバーで処理速度を向上 | ||
| 基本順路に戻る ＞＞「XREAで完璧XOOPS その１」 | ||||
| Lightbox Plus を myAlbum-P 2.9 に実装 ＞＞「XREAで完璧XOOPS その８」 | ||||
| 警 告 と 免 責 |
| このページでは、XOOPSのコア部分の編集なりファイルの置き換え作業が含まれます。またMySQLのDBへの直接的な書き込みも解説しております。あなたが実施される場合には十分なスキルがあることを期待します。スキルの無い方がミスを犯して、重大な事態（XOOPSを利用できなくなったなど）が生じましても、他あらゆるトラブルを招いても、筆者は責任を負いません。本点を理解できない方は、本ページを読み進まないように願います。 ※ スキルに自信が無い場合は、是非、身近のXOOPSなりMySQLを熟知した方の援助を得るようにしてください！ |
| 筆者が望む完璧なインストールとは、「 XREA方式のSSL暗号化通信も楽しみたいし、インストール直後に多言語を楽しむ為に、他のモジュールも欲しいいー！ XREAで完璧XOOPS その10 」における、多言語版XOOPS2最新フル・ファイル・セットなインストーラーを利用して、XOOPSを新規にインストールして利用を開始されることです。 |
【目次】
■ 参考デモページ
| 各ブラウザーでの表示例 | |||
| Firefox1.5.0.11 | Firefox1.5.0.11(IEtab) | IE6 | Opera |
 |  |  |  |
| Lunascape4(IE) | Lunascape4(Gekko) | Sleipnir(Gekko) | Sleipnir(IE) |
 |  |  |  |
| HAMSTER Site - ニュース XREAサーバーさんです。 記事「XOOPS : Lightbox plus 常駐モードです。」や、テスト運用中の「 WordPress/ME 」、「 Popnupブログ 」、「 WF-section 」、他XOOPS標準モジュール群をご覧下さいませませ。 Lightbox plus はクライアント・サイド・アプリケーションですので、データーが全て、あなたさまのブラウザーに受信してから後に、あなたさまのブラウザーが処理を実行して機能します。そのような理由ですので、レスポンスが遅いかも知れませんが、受信完了までクリックするのをお待ち願います。尚、JavaScriptファイルもブラウザーにキャッシュされますので再訪問時は改善されるかもです。 さて、Lightbox Plus についての詳細な記事は、「 Lightbox Plus を使ってみる 」をご覧下さい。 | |||
 筆者のPukiWikiModや、オンラインショップZenCartも、Lightbox Plus化されています。特にZenCartでは、XOOPSのBBコードを、siteurlやsiteimgを含めてサポートしています。ZenCartなどの画像は全てPukiWikiに保存したものを、PukiWikiのURLで描画させています。今後は、画像なりPDFなり添付ファイルは全てPukiWikiで管理し、PukiWiki経由で全てのXOOPSモジュールで利用するつもりです。 | |||
■ 仕様の確認
- １．XOOPS管理画面より制御する
- 本機能のON/OFF。拡張子の設定。次世代Lightboxへの対応など、XOOPSの管理画面で設定できるものとします。
- ２．２種類の拡張子グループでリンク移動を制御します
- １つ目の拡張子グループは Lightbox 表現とし、後１つの拡張子グループは JavaScript な「 window.open 」で参照するものとします。
- ３．target=_blank は削除しません！
- クライアントプロセスである性格上、全ての通信が完了し、Lightbox環境に変換され準備を完了するのにはタイムラグが存在します。よって「いらち」な訪問者や、通信環境によっては、Lightboxが処理を完結していないのにクリックされてしまう場合がありえます。古いブラウザーなりでも機能不全を起こすでしょうか。そのような場合は、target=_blank処理は必須ですので、あえて削除したりしません。 JavaScript機能を停止させている閲覧者にも必須です。
- ４．テーマの編集は無用です
- JavaScript構文内に「 <{$xoops_js}> 」定義があればＯＫです。通常のテーマには定義されています。
- ５．過去の全ての投稿記事に適用される
- 特別な追加仕様を創りません。つまり過去の全ての記事と、未来に作成される投稿内容は、XOOPS標準仕様のままとします。きっと近い将来には、より優れた次世代Lightboxが登場するでしょう。そんな際にも何ら影響されずに導入を繰り返せます。
■ 必要なスキル
- １．phpMyAdmin を利用してXOOPSのDBを直接編集します
- SQL文は配布します。SQLを指定してDBを編集できるスキルが必要です。アップグレード用のインストーラーの準備をとも考えましたが、「何をしたんだろう？」では、困りますので、SQL文で、直接、DBを編集しましょう。
- ２．XOOPSモジュール「 myalbum＋Lightbox 」が正常に機能していること！
- 本ページによるXOOPS変更の前に、myalbum単体でのLightboxの実装を完了し、正常に動作していることとします。
myalbum＋Lightbox実装の手順は、「 あの便利な Lightbox Plus を myAlbum-P 2.9 に実装しようか / XREAで完璧XOOPS その８ 」を参照願います。このページでは、「 あの便利な Lightbox Plus を myAlbum-P 2.9 に実装しようか / XREAで完璧XOOPS その８ が完了していることを想定して解説致します。 - ３．XOOPS2のモジュールの導入については既に理解ができる
- 本Wikiでの解説では、XOOPS2のモジュールの導入については既に理解ができる方を対象にしております。
- ４．操作する前に、完璧にバックアップを行えること
- phpMyAdminでも、mysqldumpでも、何でも構いません。復旧可能(復旧実績のある)バックアップを行ってください。また、XOOPSのPHPスクリプトファイルなどを置換する際にも、元のファイルのバックアップをお願い致します。
■ ダウンロード
| 警 告 | |
| 2007/06/16 18:10 JST : ダウンロード用の圧縮化アーカイブファイルを更新しました。 古いアーカイブを利用中の方は、以下の解説と矛盾致しますので、ご注意願います。  | |
| language/japanese はUTF-8です！： | ダウンロード |
| http://hamster.fam.cx/modules/mydownloads/singlefi... | |
■ インストール
まず、phpMySqlでDBの編集です。 prefix_configcategory
| 01-1 |  | prefix_configcategory に、１つデーターを追加します。左の画像は、追加後の「表示」例ですね。筆者の場合は以下のようになります。 confcat_id＝次のユニークな番号 confcat_name＝_MD_AM_HOW2VIEW にします。アーカイブ「update20070616.sql」ファイルの１行目のSQL文です。prefix_を読み替えて、実行します。 |
phpMyAdminでDBの編集です。 prefix_config
| 02-1 |  | prefix_config に、１３データーを追加します。左の画像は、追加後の「表示」例ですね。 prefix_configcategory の、confcat_id＝７となる場合の例です。 conf_idは、XOOPSシステムによって様々に変化するでしょう。 アーカイブ「update20070616.sql」ファイルの２行目以降のSQL文です。prefix_を読み替えて、実行します。古いSQLバックアップデーターからの復元には注意が必要ですね。 |
| conf_name conf_title | conf_value conf_desc | conf_formtype conf_valuetype |
| uselightbox _MD_AM_HOW2VIEWLB | 1 _MD_AM_HOW2VIEWLBDSC | yesno int |
| tagoflightbox _MD_AM_HOW2VIEWLBTAG | rel="lightboxM" _MD_AM_HOW2VIEWLBTAGDSC | textbox text |
| pathoflightbox _MD_AM_HOW2VIEPATH | /modules/myalbum/LightboxPlus _MD_AM_HOW2VIEPATHDSC | textbox text |
| lightboxfilename _MD_AM_HOW2VIEFILE | /lightbox_plus_common.php _MD_AM_HOW2VIEFILEDSC | textbox text |
| extforlightbox _MD_AM_HOW2VIEEXT | jpg¦jpeg¦gif¦png _MD_AM_HOW2VIEEXTDSC | textbox text |
| lightboxsmall _MD_AM_HOW2VIESMALL | 0 _MD_AM_HOW2VIESMALLDSC | yesno int |
| newwindow _MD_AM_HOW2VIENEWWIN | 1 _MD_AM_HOW2VIENEWWINDSC | yesno int |
| windowopenext _MD_AM_HOW2VIENEWWINEXT | pdf _MD_AM_HOW2VIENEWWINEXTDSC | textbox text |
| windowopenoption _MD_AM_HOW2VIENEWWINOPT | SCROLLBARS=1,RESIZABLE=1,TOOLBAR=0,MENUBAR=0,LOCAT... _MD_AM_HOW2VIENEWWINOPTDSC | textbox text |
| windowopenname _MD_AM_HOW2VIENEWWINNAME | WinPDF _MD_AM_HOW2VIENEWWINNAMEDSC | textbox text |
| windowsopenurl _MD_AM_HOW2VIENEWWINURL | _MD_AM_HOW2VIENEWWINURLDSC | textbox text |
| windowopenurlmatch _MD_AM_HOW2VIENEWWINMATCH | /images2007/ _MD_AM_HOW2VIENEWWINMATCHDSC | textbox text |
| windowopenurlreplace _MD_AM_HOW2VIENEWWINREPLACE | /image2007/openwin.php?file= _MD_AM_HOW2VIENEWWINREPLACEDSC | textbox text |
languageの編集です。 modules / system / language / 言語種 / admin / preferences.php
※ ダウンロードしたアーカイブには、追加情報しかありません。各自、追加してください。english と、japanese をご用意しました。【 japanese 】：
define("_MD_AM_HOW2VIEW","画像表示手段");
define("_MD_AM_HOW2VIEWLB","LightBoxの利用");
define("_MD_AM_HOW2VIEWLBDSC","画像の表示にLightboxを利用したい場合に選択します。");
define("_MD_AM_HOW2VIEWLBTAG","LightBox用付加タグ");
define("_MD_AM_HOW2VIEWLBTAGDSC","LightBox判断となる付加タグを指定します。");
define("_MD_AM_HOW2VIEFILE","LightBoxファイル名");
define("_MD_AM_HOW2VIEFILEDSC","LightBoxファイル名を、LightBoxツールディレクトリー先からのパスで指定（最初の'/'は必要）");
define("_MD_AM_HOW2VIEPATH","LightBoxツールディレクトリー");
define("_MD_AM_HOW2VIEPATHDSC","LightBoxツール格納先を、XOOPSインストール先からのパスを指定（最初の'/'は必要、最後の'/'は不要）");
define("_MD_AM_HOW2VIEEXT","Lightbox表示対象とするファイル拡張子");
define("_MD_AM_HOW2VIEEXTDSC","ファイルの拡張子を、jpg|jpeg|gif|png のように、'|' で区切って入力して下さい。<br>すべて小文字で指定し、ピリオドや空白は入れないで下さい。");
define("_MD_AM_HOW2VIESMALL","ファイル拡張子の大文字小文字の判断");
define("_MD_AM_HOW2VIESMALLDSC","ここで「はい」を選択すると、大文字小文字を別々に判断します。");
define("_MD_AM_HOW2VIENEWWIN","新ウィンドーで開く？");
define("_MD_AM_HOW2VIENEWWINDSC","新ウィンドーで開く処理を行いたい場合は選択します。");
define("_MD_AM_HOW2VIENEWWINEXT","新ウィンドーで開く対象とするファイル拡張子");
define("_MD_AM_HOW2VIENEWWINEXTDSC","ファイルの拡張子を指定します。複数指定する場合は、'|' で区切って入力して下さい。<br>すべて小文字で指定し、ピリオドや空白は入れないで下さい。");
define("_MD_AM_HOW2VIENEWWINOPT","新ウィンドーのオプション");
define("_MD_AM_HOW2VIENEWWINOPTDSC","新ウィンドーを新規生成する場合のオプションを指定します。JavaScriptのWindow.Openのパラメーターです。");
define("_MD_AM_HOW2VIENEWWINNAME","新ウィンドーの名前");
define("_MD_AM_HOW2VIENEWWINNAMEDSC","新ウィンドーの名前ですが、空白だと必ず新規作成されます。");
define("_MD_AM_HOW2VIENEWWINURL","新ウィンドーでロードするファイルのURL");
define("_MD_AM_HOW2VIENEWWINURLDSC","無指定の場合は対象ファイルを直接指定します。");
define("_MD_AM_HOW2VIENEWWINMATCH","新ウィンドーURLのマッチング検索文字列");
define("_MD_AM_HOW2VIENEWWINMATCHDSC","新ウィンドーでロードするファイルURLに含まれる置換用の検索文字列");
define("_MD_AM_HOW2VIENEWWINREPLACE","新ウィンドーURLの置換文字列");
define("_MD_AM_HOW2VIENEWWINREPLACEDSC","新ウィンドーでロードするファイルのURLの置換文字列");
【 english 】： define("_MD_AM_HOW2VIEW","Graphics indication method");
define("_MD_AM_HOW2VIEWLB","Do you want to use of LightBox ?");
define("_MD_AM_HOW2VIEWLBDSC","When you want to use Lightbox for indication of an image,you choose it.");
define("_MD_AM_HOW2VIEWLBTAG","An addition tag for LightBox");
define("_MD_AM_HOW2VIEWLBTAGDSC","You appoint an addition tag becoming LightBox judgment.");
define("_MD_AM_HOW2VIEFILE","A LightBox execute file name");
define("_MD_AM_HOW2VIEFILEDSC","You appoint a LightBox file name with a pass from LightBox tool directory ahead（First '/' is necessary）");
define("_MD_AM_HOW2VIEPATH","A LightBox tool directory");
define("_MD_AM_HOW2VIEPATHDSC","In LightBox tool storage,designated with a pass from XOOPS installation（First '/' is necessary,and last '/' is unnecessary）");
define("_MD_AM_HOW2VIEEXT","A Lightbox indication object and a file extension to do");
define("_MD_AM_HOW2VIEEXTDSC","You divide extension of files in '|' like 'jpg|jpeg|gif|png',and please input it.<br>You appoint it by a small letter entirely,and please do not put a period and a blank.");
define("_MD_AM_HOW2VIESMALL","Judgment of a capital letter small letter of file extension");
define("_MD_AM_HOW2VIESMALLDSC","It judges a capital letter small letter to choose it 'yes' here separately.");
define("_MD_AM_HOW2VIENEWWIN","Do you want to use a JavaScript:window.open ?");
define("_MD_AM_HOW2VIENEWWINDSC","When you want to work to open with a new window by JavaScript,you choose it.");
define("_MD_AM_HOW2VIENEWWINEXT","File extensions to intend for which opens with a new window");
define("_MD_AM_HOW2VIENEWWINEXTDSC","You divide extension of files in '|' like 'pdf|....',and please input it.<br>You appoint it by a small letter entirely,and please do not put a period and a blank.");
define("_MD_AM_HOW2VIENEWWINOPT","An option at creating a new window");
define("_MD_AM_HOW2VIENEWWINOPTDSC","You can appoint an option when it generates a new window newly. It is a parameter of Window.Open of a JavaScript.");
define("_MD_AM_HOW2VIENEWWINNAME","A name of a new window");
define("_MD_AM_HOW2VIENEWWINNAMEDSC","It is a name of a new window,but it is made newly by all means when it is a blank.");
define("_MD_AM_HOW2VIENEWWINURL","URL of a file to load with a new window");
define("_MD_AM_HOW2VIENEWWINURLDSC","You can appoint an object file in the case of no appointment directly.");
define("_MD_AM_HOW2VIENEWWINMATCH","A matching search string of new window URL");
define("_MD_AM_HOW2VIENEWWINMATCHDSC","A search string for substitution to be included in file URL to load with a new window");
define("_MD_AM_HOW2VIENEWWINREPLACE","A replacement character string of new window URL");
define("_MD_AM_HOW2VIENEWWINREPLACEDSC","A replacement character string of URL of a file to load with a new window");
管理画面にメニューを追加させますか。 kernel / configitem.php
※ prefix_configcategory で決められた、confcat_id との対応テーブルです。下の例では「７」となります。 以下の編集によって、管理画面に新しいメニューが出現します。【 変更前 】：
/**#@+
*Config type
*/
define('XOOPS_CONF',1);
define('XOOPS_CONF_USER',2);
define('XOOPS_CONF_METAFOOTER',3);
define('XOOPS_CONF_CENSOR',4);
define('XOOPS_CONF_SEARCH',5);
define('XOOPS_CONF_MAILER',6);
【 変更後 】： //Config type 2007/06/19 for Lightbox function .
define('XOOPS_CONF',1);
define('XOOPS_CONF_USER',2);
define('XOOPS_CONF_METAFOOTER',3);
define('XOOPS_CONF_CENSOR',4);
define('XOOPS_CONF_SEARCH',5);
define('XOOPS_CONF_MAILER',6);
define('XOOPS_CONF_LIGHTBOX',7);
最新版の「 class / module.textsanitizer.php 」を入手します
※ 単体ファイルの配布の計画はありません。「 XREA方式のSSL暗号化通信も楽しみたいし、インストール直後に多言語を楽しむ為に、他のモジュールも欲しいいー！ XREAで完璧XOOPS その10 」における、多言語版XOOPS2最新フル・ファイル・セットなインストーラーから、最新のファイルを抜き出して置き換えてください。
■ Ｑ ＆ Ａ
Ｑ： Lightbox表示できたりできなかったりします。何故ですか？
- Ａ リンク先が画像であるブロックについては「キャッシュなし」に設定願います。
- 現状の仕様では、Lightboxを埋め込む判断に module.textsanitizer.php の処理にのみ判断させていますので、module.textsanitizer.php 処理対象外となる、キャッシュデーターでは機能できていません(キャッシュデーター生成時に module.textsanitizer.php の処理は既に終了しています)。
将来的には、処理の遅延が無い方法で、ブロックをキャッシュ化しても動的にLightboxを構築/非構築させたいものです。 もちろん、画像へのリンクが含まれない「ブロック」に対しては自由に任意のキャッシュ化は今でも可能です。
Ｑ： ちょっとだけ、Lightbox の機能をＯＦＦしたいのですが、簡単ですか？
- Ａ はい簡単です！
- システム設定メイン »» 画像表示手段 の「 LightBoxの利用 」選択肢で「いいえ」を選びます。
Ｑ： Lightbox の機能をOFFにしたのに、Lightbox で表示されるのですが
- Ａ モジュール「 myalbum 」に実装されている Lightboxは別管理です。
- モジュール「 myalbum 」の「 photo.php 」は独自に設定されており、システム設定メイン »» 画像表示手段との関連性はありません。
Ｑ： myalbumｘそれぞれに異なるLightBoxを導入可能でしょうか？
Ａ はい、可能です。※ 順 路
| XREAで完璧XOOPS その９ |
| XREAサーバーで簡単にSSLを利用しますか。 これで安全に個人情報を扱える宣言を行いますか |
| 最上部に移動する | 「XOOPSの話題」へ戻す | 複数サーバーで処理速度を向上 |
コメント(1) ｜
カテゴリ：インターネット > XOOPSの完璧インストール
2007年09月10日(月) 19:02:19 Modified by mmj_aos