はじめに
2011/
今回は,
インストール
ご想像のとおり,
ドキュメント中にも記されているよう,
簡単なテスト
まずはわかりやすい例として,
表1 検索用ページの作成
タイトル | 検索 |
---|---|
エイリアス | search |
リソースコンテンツ | [[!SimpleSearchForm]] |
これだけで,
チャンクを用いた高度なデザイン
前述の例では,
今回はこのようなフォームを実現するための方法も簡単に紹介しておきます。
まず,
リスト1 検索フォームの呼び出し
[[!SimpleSearchForm? &landing=`20` &tpl=`my_search`]]
tpl=`my_
また,
リスト2 my_
<script type="text/javascript">
<!--
function erase_words(obj){
if(obj.value==obj.defaultValue){
obj.value="";
obj.style.color="#000";
}
}
function put_words(obj){
if(obj.value==""){
obj.value=obj.defaultValue;
obj.style.color="#999";
}
}
//-->
</script>
<form action="[[~[[+landing]]]]"method="[[+method]]">
<input type="text"id="keywords4"name="[[+searchIndex]]"value="検索キーワードを入力"size="20"onFocus="erase_words(this)"onBlur="put_words(this)"style="color: #999;"/>
<input type="hidden"name="id"value="[[+landing]]"/>
</form>
以上により,
検索結果表示用のリソースは次のように作成します。今回も結果表示のデザインを変更するため,
表2 検索結果用リソース
タイトル | 検索結果 |
---|---|
エイリアス | search-result |
メニューに表示しない | チェック |
リソースコンテンツ | <p>[[!SimpleSearch? &containerTpl=`my_ |
チャンク名: my_
<p>[[+resultInfo]]</p>
[[+results]]
検索結果[[+paging]]
以上で準備完了です。適当なページから検索を行ってみてください。
どうでしょうか?