modx＠GSF

毎度のことながらAjaxSearchはアップデートごとにファイル構成とかマイナーチェンジされます。

検索するときの区切り文字はスペースですが、日本語の全角スペースをいれると全角スペース含みの文字列として検索するので、これをなんとかしたいです。

過去記事
ajaxsearch1.8.4で全角スペースでも検索させる
で対処法を書きましたが、AjaxSearch1.9.2には
assets/snippets/ajaxSearch/classes/search.class.inc.php　のファイルがありません…。またかよ。

classes/の中を見ると
ajaxSearchInput.class.inc.php　というのがあやしい。
開いてみると223行目あたりに

$searchString = $this->_stripTags($searchString);

というのがあるので
このすぐ下に

// zenkakuhankaku space
$searchString=mb_convert_kana($searchString, s, "UTF-8");

と入れてあげれば、全角スペースは自動で半角に変換して検索してくれますｗ

-------追記--------
こちらからダウンロードできるAjaxSearch1.9.2c　は全角スペース問題は解決されていますので、修正する必要はありません。

G研サイトをmodx1.0.5J-r5からr10にアップデートしたのを機に、サイト内検索をつけようとAjaxSearch1.9.2を使ってみた。

以前記事に書いたが
ロリポップでAjaxSearch 1.8.1を動かす
このときはmodxもまだ0.9あたりだったので、この情報はもうかなり古い。

でmodx1.0.5J-r10でAjaxSearch1.9.2bを使ってみたのだけど、いきなりエラーで動かないorz
日本公式フォーラムで質問したところ対処法を教えていただいたので、メモ。

assets/snippets/ajaxSearch/classes/ajaxSearch.class.inc.php
78行目あたりの
set_time_limit($asCfg->cfg['timeLimit']);
を削除orコメントアウトすることで動くようになりました。
※コメントアウトするには行頭に//をつける。

ロリポサーバーの人はお試しください。
※ちなみにさくらサーバーでは上記の処理をしなくても動きました。
ためしにコメントアウトしたファイルをさくらサーバーでも使ってみましたが、問題なく動きました。
さくらはどっちでもokみたいです。

 便利なスニペットを見つけたのでメモ。

pdfファイルとかzipファイルをアップしてダウンロードしてもらうとき、ファイルサイズが書いてあったほうがありがたいよね。
管理してるサイトで、実は今まで手動で書いてたのだが＾＾；
今後pdfのアップが増えることになったので、自動で計算できないかなぁ？　と検索したらスニペットありました。

SNIPPET: filesize

スニペットコール

[[filesize? &file=`filename` &unit=`unit` ]]

Where:

filename - the path to file (for example: assets/file/index.htm)
unit - the maximum unit (for example: KB)

ポイント
・filenameは最初に/なしでOK
・unitはKBにしても1MB超えると表示は1.19 MBみたいに出力してくれます。

便利です。

mootoolsとjQueryを一緒に使う方法でめでたく内容量に差があるボックスの高さをそろえるは完成したのだけど、IEで見てみたら、いろんなとこで背景やらボーダーやら消えまくり…。

ああーまたかよー、とがっくり。
IEはfloat使うと高確率で、ボックスの背景が消える。それも一回読んで、一瞬表示されるのに全部読み込みが終わると見えなくなってる、というなぞIE仕様。

参考サイト：IE6で背景が表示されない際にチェックすること

前にもやったけど、結局背景・ボーダーが消える要素に
position: relative;
をつけてやれば、ほとんど解決する。その要素にposition使ってなければだけど。

背景・ボーダーが消える要素にwidth指定という手もあるのだが、
floatを使って、入れ子のボックスにpadding、marginなんかを指定している場合、
すごくややこしいことになるので、position: relative;が使えないときの最後の手段にしてます。

しかし
position: relative;　とそのまま書くのは、どうも釈然としない。IEにしか必要ないんだからなおさら。

というわけで
参考サイト：CSSハック一覧 -- IE, Firefox, Safariなどなど:
を参考にIEハックで書くことに。

position/*¥**/: relative¥9;

これでIE7,IE8のみに適応される。IE6以下はもう無視ｗ。
こう書いておけば実際に必要なpositionと区別できるのでわかりやすいです。

ちまちまと各要素にIEハックをつけて、ようやく完成しました。へろへろ。

今日もmootoolsがらみです。
mootoolsのかっこいいにょろにょろメニューを使ってるるページで、スニペットMaxigalleryを入れて、画像をslimboxで表示したい！　と思った。

MaxiGallery（0.5.2）のスニペットコール

[!MaxiGallery? &display=`embedded` &embedtype=`slimbox` &pics_per_row=`4` &max_thumb_size=`80` &max_pic_size=`700` &order_direction=`ASC` &order_by=`pos`!]

としたら、slimbox動きません。サムネイル画像クリックすると、画像のみリンク先ページに表示する…。（mootoolsのにょろにょろメニューはうごく）

書き出したソース見るとheadの中で

<script type="text/javascript" src="manager/media/script/mootools/mootools.js"></script>
<script type="text/javascript" src="assets/templates/modxhost/drop_down_menu.js"></script>

<link rel="stylesheet" href="/assets/snippets/maxigallery/slimbox/css/slimbox.css" type="text/css" media="screen" />

    <script type="text/javascript" src="/assets/snippets/maxigallery/slimbox/js/mootools.js"></script>
    <script type="text/javascript" src="/assets/snippets/maxigallery/slimbox/js/slimbox_lang_en.js"></script>
    <script type="text/javascript" src="/assets/snippets/maxigallery/slimbox/js/slimbox.js"></script>
<link rel="stylesheet" href="/assets/snippets/maxigallery/css/default.css" type="text/css" media="screen" />

となっていてmootoolsを2回読み込んでる。（赤字の部分）
また順番をいじるのかなーと思ったら、MaxigalleryにはJSライブラリを自動で挿入させないパラメータがあった。

&disable_js_libs=`1`（デフォルトは&disable_js_libs=`0`で自動挿入する）
をくわえてやったら

<script type="text/javascript" src="manager/media/script/mootools/mootools.js"></script>
<script type="text/javascript" src="assets/templates/modxhost/drop_down_menu.js"></script>

<link rel="stylesheet" href="/assets/snippets/maxigallery/slimbox/css/slimbox.css" type="text/css" media="screen" />

    <script type="text/javascript" src="/assets/snippets/maxigallery/slimbox/js/slimbox_lang_en.js"></script>
    <script type="text/javascript" src="/assets/snippets/maxigallery/slimbox/js/slimbox.js"></script>
<link rel="stylesheet" href="/assets/snippets/maxigallery/css/default.css" type="text/css" media="screen" />

となって、mootools.jsは一回のみになり、無事slimboxが動くようになりました。

参考
Let's enjoy MODx Maxigallery - 0.5.2
MaxiGalleryのエラー（その２）

※MaxiGalleryのエラー（その２）にはMaxigalleryのマネージャー画面でもドロップダウンメニュー（mootoolsのにょろにょろメニュー）を動かす方法も出てますが、Maxigalleryのマネージャー画面は基本管理者しか入らないので、必要ないので修正していません。