kazumich.log > Ajax

kazumich.log

選択されているタグ

タグを絞り込む

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 に変更してあります。

これで、検索エンジンからのリンクで検索ワードがセットされるようになるハズです。

うまく動けば、以下に何か表示されるようになります。この下に何か出てますか?


「a-blog cmsでAjax検索機能を実装 (1.2.2b) その3」の続きを読む

a-blog cmsでAjax検索機能を実装 (1.2.2b) その2

昨晩書いた a-blog cmsでAjax検索機能を実装 (1.2.2b) では、以下のように書いています。

<form action="" method="post" class="js-post_include" target="#result">
<input type="text" name="keyword" size="30" value="" />
<input type="submit" name="ACMS_POST_2GET" value="検索" id="submit" class="submit" />
<input type="hidden" name="tpl" value="searchList.html" />
</form>
<div id="result">
<p>(検索されるとココが置き換わります)</p>
</div>

(検索されるとココが置き換わります)


「a-blog cmsでAjax検索機能を実装 (1.2.2b) その2」の続きを読む

a-blog cmsでAjax検索機能を実装 (1.2.2b)

普通に検索するフォームを作ると、以下のように書きます。

<form action="" method="post">
<input type="text" name="keyword" size="30" value="" />
<input type="submit" name="ACMS_POST_2GET" value="検索" id="submit" class="submit" />
<input type="hidden" name="tpl" value="searchList.html" />
</form>

実際の動作すると以下のような感じになります。お試し下さい。(ページが切り替わります)


「a-blog cmsでAjax検索機能を実装 (1.2.2b)」の続きを読む

AjaxZip 2.0 を使って住所を自動入力

a-blog cmscompany1のテーマのお問い合わせフォームに AjaxZip 2.0(郵便番号から住所を検索するJS)を標準インストールにしようかと思っていたのですが、ちょっとファイルサイズが大きいので同梱するのは辞める事にした。 なので、その方法を書いてみる事にしました。



まずは、AjaxZip 2.0 をダウンロードします。そして、以下の場所にアップロードします。 標準で jquery.js は読み込んでいますので、今回は jquery.js や prototype.js は必要ありません。


「 AjaxZip 2.0 を使って住所を自動入力」の続きを読む

Web Directions East 行ってみたいな

11月7.8.9日に東京で、世界の凄い人達のセミナーが開催されるそうで、ちょっと行ってみたいなぁって思っています。 今のところ行けるかどうかは微妙...


スピーカーさん達は以下の人たちとの事です。全員外人さんで、アメリカ・イギリス・オーストラリアからやってくるという事です。もちろん同時通訳あり。


  • Eric Meyer(エリック・メイヤー)
  • Jeffrey Veen(ジェフリー・ヴィーン)
  • Dan Cederholm(ダン・セダーホルム)
  • Jeremy Keith(ジェレミー・キース)
  • Andy Budd(アンディ・バド)

費用は高めですが、なかなかこういう経験はできないので、参加できるように仕事頑張ります!


kazumich.log > Ajax

タグクラウド
リンク集
検索
購読
ナビゲーション

ページの先頭へ戻る▲