2008年4月10日木曜日

Google AJAX Search API  実装一

Google AJAX Search API を右ナビに追加

Google AJAX 検索 API - Google Code
http://code.google.com/intl/ja/apis/ajaxsearch/
Controlling Expansion Mode - Google AJAX Search API Sample
http://www.google.com/uds/samples/apidocs/expandmode.html
Tadaoh Blog: Google AJAX Search API
http://www.tadaoh.net/blog/archives/2006/10/google_ajax_sea.html
Movable TypeにGoogle AJAX Search APIを利用した検索機能を実装 - WEBデザイン BLOG
http://weblibrary.s224.xrea.com/weblog/mt/custom/movable_typegoo.html



なかなか、おもしろい。サクサク動くのがここちよい。
画面遷移なしで、検索できるところがよい。
時間があれば、右ナビに設置した検索窓を試してほしい。

以下のような方法で、検索対象を限定することで、サイト内検索にも使える。
------------------------------------
var searchControl = new google.search.SearchControl();
var siteSearch = new GwebSearch();
siteSearch.setUserDefinedLabel("ラベルの名前");
siteSearch.setSiteRestriction("検索対象にしたいURI");
searchControl.addSearcher(siteSearch);
searchControl.draw(document.getElementById("searchcontrol"));
------------------------------------

また、タブ表示も、イイ感じです。
http://www.google.com/uds/samples/apidocs/tabbed.html