a-blog cmsでAjax検索機能を実装 (1.2.2b) その3
の続きです。今回は検索エンジンからのリファラーを元に、検索した結果を表示させてみましょう。
<form action="" method="post" class="js-post_include-ready">
<input type="hidden" name="keyword" size="30" value="CSS" />
<input type="submit" name="ACMS_POST_2GET" />
<input type="hidden" name="tpl" value="searchList.html" />
</form>
上記であれば、CSS というキーワードが固定されています。これを以下のようにしてみます。
<form action="" class="js-post_include-ready" onsubmit="return ACMS.Config.searchEngineKeyword;">
<input type="hidden" name="tpl" value="searchList.html" />
<input type="hidden" name="keyword" value="ACMS.Config.searchEngineKeyword" class="js-input-eval_value" />
<input type="hidden" name="ACMS_POST_2GET" />
</form>
form に onsubmit="return ACMS.Config.searchEngineKeyword;" を、検索条件のvalueには ACMS.Config.searchEngineKeyword と書き、classを class="js-input-eval_value" のように付けます。
あと、元はsubmitボタンになっていましたが、hiddenでも大丈夫ですので、hidden に変更してあります。
これで、検索エンジンからのリンクで検索ワードがセットされるようになるハズです。
うまく動けば、以下に何か表示されるようになります。この下に何か出てますか?
んー、うまく動いてない気がします。 もう少し、調整してみます。
この記事を書いた人
山本 一道
/
有限会社アップルップル
代表
名古屋のWeb制作会社 (有)アップルップル代表。HTMLファーストな国産CMS「a-blog cms」開発・販売・サポート / 名古屋のWeb制作者コミュニティ「WCAN」主催 / コワーキングスペース「ベースキャンプ名古屋」運営。Web制作の現場をより良くするための活動をしています。
@kazumich