最近ネットでよく目にする“Ajax”なる単語。その説明については割愛させていただきますが・・・というか、割愛させていいただくという以前に・・・“・・・で、Ajaxって結局・・・何?”というレベルですので(笑)、とりあえず、“最近Ajaxばやりだよね~・・・エイベックスとは違うんだよね~・・アズマックス!でもないからね~・・”とでも言ってお茶を濁しておきましょう。
・・・で、本題。
“Movable TypeにGoogle AJAX Search APIを利用した検索機能を実装”(WEBデザイン BLOG)という記事を見かけ実践。当サイトにも“Search this site”として設置している検索機能を、もうチョットスマート&便利にしてみましょう・・・というネタ。導入手順は上記サイト記事に丁寧に解説されていますので、そんなにハードなものではないと思います。Tipsとしては、Javascriptを新規モジュールテンプレートとして保存して、<$MTInclude module="XXXXXXXXX"$>ってな感じでインクルードする点や、firefoxでの検索結果の表示が、改行することなくレイアウトの右サイドを突き抜けていたためにスタイルシートの該当する箇所に“white-space: normal”を追記する点でしょうか。検索ワードを入力してボタンを押してみると、当サイト内とWEB上の検索とがタブに分かれて表示されます。試しに“カレンダー”とか何か適当に入れてみるとワカルと思います。×マークで結果クリア。サイドバーの幅が広いとは言えないので、見やすさという点では少々???だとは思うのですが、ページを移ることなくサクッと調べられるのはトテモグッドだと思います。一応、試しに・・・という感じなので旧検索欄もそのままにしてます。
コメントする
(初めてのコメントの時は、コメントが表示されるためにこのブログのオーナーの承認が必要になることがあります。承認されるまでコメントは表示されませんのでしばらくお待ちください。名前とメールアドレス【非公開】の記入が無い場合、エラーとなって本文が消去される場合もありますので御注意下さい。)