ココログプロとかTypepadとかMTとかブログ人とかその他のブログサービスとかでもAjaxでバックナンバーを検索するJavaScript

ココログベーシック、プラスの人はこっち。
暴想: 自分のココログを全文検索するJavaScript

つーことで、タイトルの通りのようなモノを作りました。
今回はココログプロを使っている人向けです。

前回作ったcocolog_ajax_search.jsだと、ココログのHTML構造に依存しているため、独自のテンプレートを使っている人はまったく動きませんでした。
しかし、今回のはココログプロの人でもオッケーです。
むしろ、今回の方が検索速度もぐっと速いはず。
そのかわり、HTMLのテンプレートをいじれないと使えないのでココログプロしか使えません。
逆に言えば、テンプレートさえ作れればココログ以外でも使えます。
米国Typepadとか、Typepad Japanとかブログ人とか。
その気になれば他のブログサービスでも使えるんじゃないでしょうか（わかんないけど）。

んで、使い方。
検索用の専用テンプレートを作ります。
新規テンプレートの作成で適当に名前を付けて、ファイル名も適当に例えば「search_data.txt」とかにしてください。
んで、以下のテンプレートをコピペして保存してもらえればＯＫ。
あー、あと、lastn="3000"のところは、自分のブログの記事数より明らかに大きい数を設定しておいて下さい。
MTタグで全部のバックナンバーをロードっていう指定の仕方がわからなかったのでこうしてます（誰かやり方教えて下さい…）。
-----------------------------------
<?xml version="1.0" encoding="utf8"?>
{data: [
<MTEntries lastn="3000">
{title:"<$MTEntryTitle remove_html="1"　encode_js="1"$>",link:"<$MTEntryLink$>",body:"<$MTEntryBody remove_html="1" encode_js="1"$><$MTEntryMore remove_html="1" encode_js="1"$>"},
</MTEntries>
{"title": "", "link": "", "body": ""}
]
}
-----------------------------------
んで、検索ボックスを貼り付けたいところ、例えばsidebar.incあたりに以下の検索ボックス用HTMLを貼り付けて下さい。
ポイントとして、赤字の部分は自分のブログのディレクトリに合わせて変更して下さい。
まあ、ようはさっき作ったテンプレートのファイルのパスを書いて下さいって事です。
------------------------------------
<script type="text/javascript" src="https://java.cocolog-nifty.com/blog/files/javascript/prototype.js"></script>
<script type="text/javascript" src="https://java.cocolog-nifty.com/blog/files/javascript/blog_ajax_json_search.js"></script>
<form action="javascript:blogAjaxJsonSearch( '/blog/search_data.txt', document.getElementById('search_box').value );"><input type="search" id="search_box" value=""><input type="button" id="search_button" onclick="javascript:blogAjaxJsonSearch( '/blog/search_data.txt', document.getElementById('search_box').value );" value="検索"></form>
-----------------------------

で、最後に注意点が一つ。
これは迷ったんだけど、出力先。
最初に出現する
<div class="content"></div>
の間に出力するように作ってあります。
なので、これがないと検索できても検索結果が表示されません。
ってことで、独自にテンプレートをカスタマイズしている人でこれがないって言う人は適当に作って下さい。
ってか、もっというと、ちゃんと綺麗に検索結果を表示させるならば、真ん中の記事表示エリアを上記divで全体を囲ってあげる必要がある。
囲み方は、ココログベーシックの標準テンプレートみたいに、centerの内側に置いてあげる感じ。

この方式は僕もどうかと思うけど、まあ、しょうがないのでこういう風にしました。
何か意見をもらえれば参考にしますので、コメントがあったらよろしくです。

ところで、一個重要な問題として、僕はココログプロのアカウントを持っていないんですねぇ。
なので、Tigerさんあたりが使って動作確認をしてくれたりすると非常に助かるかもとかと言ってみるテスト（笑）

あー、ちなみに名前は「blog_ajax_json_search.js」という風にしてみました。
まあ、使っている技術そのままです。

ココログプロ使っていて、上に書いてあることがよくわかんないやって人はこれとか読むと良いと思う。

スタイルシート スタイルブック

↓1日1ポチッとをお願いします！励みになります！