= !GoogleAjaxSearchApi =
– APIを使用するのに関連するページ一覧
|| !GoogleAjaxSearchApi デベロッパーガイドページ || http://code.google.com/intl/ja/apis/ajaxsearch/documentation/#The_Hello_World_of_Google_Search ||
|| !GoogleAjaxApi デベロッパーガイドページ || http://code.google.com/intl/ja/apis/ajax/documentation/ ||
|| !GoogleAjaxApiローダー || http://code.google.com/intl/ja/apis/ajax/documentation/ ||
|| Ajax Search APIキーへの登録 || http://code.google.com/intl/ja/apis/ajaxsearch/signup.html ||
|| !GoogleAjaxSearchApi クラスリファレンス || http://code.google.com/intl/ja/apis/ajaxsearch/documentation/reference.html#_intro_GResultCss_TOC ||
※ Ajax Search APIキーへの登録はGoogleアカウントが必須になるので注意
※ ブラウザの互換性は、Firefox 1.5+、IE 6、Safari、Opera 9+、および Chromeをサポート
※ API のアップデートが行われた場合、各自がバージョンをあげる必要がある。古いバージョンからのリクエストを受け付けなくなるため。
=== 1. Google Ajax Api ローダーを使用 ===
!GoogleAjaxApiローダーを使用するには下記のように記述
{{{
#!javascript
}}}
次に「google.load」メソッドを使って「Ajax Search Api」をロード。
google.load メソッドをロードするには、特定の Api とバージョン番号を示す引数を取る。
{{{
#!javascript
// 引数の詳細
google.load(‘api’, ‘version’)
// 例
}}}
※ 省略可能なローダー設定
|| CSS をロードしない（デフォルト）|| “nocss” : true ||
|| 古い名前空間をロードしない || “nooldnames” : true ||
|| UI 言語指定 || “language” : “ja” ||
{{{
#!javascript
// 例としてCSSをロードしない場合は下記のように記述
google.load(“search”, “1”, {“nocss” : true});
}}}
=== 2.検索対象の設定 ===
– 設定可能な検索オブジェクト（サーチャーオブジェクト）
|| 検索対象 || オブジェクト ||
|| 地図（マップ） || google.search.!LocalSearch ||
|| ウェブ || google.search.!WebSearch ||
|| ビデオ || google.search.!VideoSearch ||
|| ブログ || google.search.!BlogSearch ||
|| ニュース || google.search.!NewsSearch ||
|| 画像 || google.search.!ImageSearch ||
|| 本 || google.search.!BookSearch ||
|| 特許 || google.search.!PatentSearch ||
* サンプルコード
{{{
#!javascript
// サーチオブジェクトの作成
var searchControl = new google.search.SearchControl(null);
// サーチャーオブジェクトを全てセット
searchControl.addSearcher(new google.search.LocalSearch());
searchControl.addSearcher(new google.search.WebSearch());
searchControl.addSearcher(new google.search.VideoSearch());
searchControl.addSearcher(new google.search.BlogSearch());
searchControl.addSearcher(new google.search.NewsSearch());
searchControl.addSearcher(new google.search.ImageSearch());
searchControl.addSearcher(new google.search.BookSearch());
searchControl.addSearcher(new google.search.PatentSearch());
// HTML内に「id=search_control」は必ず記述する
// 下記により「id=search_control」へ検索結果をセットしているため
searchControl.draw(document.getElementById(“search_control”));
}}}
– 描画モード
|| 線形モード（全ての検索結果を各検索対象別に表示） || google.search.!SearchControl.DRAW_MODE_LINEAR ||
|| タブモード（検索結果をタブで分けて表示） || google.search.!SearchControl.DRAW_MODE_TABBED ||
* サンプルコード
{{{
#!javascript
// drawOptionsオブジェクト生成
var drawOptions = new google.search.DrawOptions();
// 線形モードで描画
drawOptions.setDrawMode(google.search.SearchControl.DRAW_MODE_LINEAR);
searchControl.draw(element, drawOptions);
}}}
– 設定可能なオプション（拡張モード）
|| できる限り多くの結果がオブジェクト内に表示されます。 || google.search.!SearchControl.EXPAND_MODE_OPEN ||
|| UI 要素 (矢印など) から開かれた場合を除いて結果が表示されません。 || google.search.!SearchControl.EXPAND_MODE_CLOSED ||
|| 結果がオープン拡張モードのサブセットとして表示されます。 || google.search.!SearchControl.EXPAND_MODE_PARTIAL ||