設置方法。
以下の操作は、FTPソフトを使うことなく「リソース」→「ファイル管理」で可能です。
0.ajaxSearch.zip を解凍する。拡張子のない「ajaxSearch 」というファイル1つしか出てこない時は拡張子zipをつけてさらに解凍。
1.「FlexSearchForm-ajax」という名前でスニペットを新規作成。「flexsearchform-ajax.txt」の中身をコピペで貼り付ける。
2. assets/snippetディレクトリの下に、「flexsearchform-ajax」という名前のディレクトリを作る。
3. 「FlexSearchForm.inc.php」を開き、DBアクセスの設定を。
4. 「ajaxSearch.js」を開き、画像ファイルの設定を。同梱ファイルのファイル名を記述すればいい。デフォルトで記述されているファイル名は同梱のファイル名と違っているので、ここは書き換える必要がある。
5. 「ajaxSearch.js」「ajaxSearch.php」「FlexSearchForm.inc.php」の3つのファイルを、assets/snippet/flexsearchform-ajaxディレクトリにコピー。
6. テンプレートに、たとえば次のように記述する。[!FlexSearchForm-ajax?ajaxSearch=1!]
Note: JavaScriptを無効に設定しているユーザのために、ナントカカントカ…?
If javascript is disabled the snippet functions like the original FlexSearchForm.
So you will want to set any of the other options in the snippet call for these users.
7. スタイルシートで見栄えを調整したい場合は、以下のclassを設定しよう。
#FSF_ajax_searchResults
.FSF_ajax_result
.FSF_ajax_resultLink
.FSF_ajax_resultDescription
.FSF_ajax_more
8. If you are using the display more results link setup a new page with the snippet call to display your results.
9. テンプレートに以下の記述を加えるべし。
<script src="assets/snippets/flexsearchform-ajax/ajaxSearch.js" type="text/javascript"></script>
10. 検索を試してみそ。