Javascriptで画像検索

google AJAX Searchを使うとJavascriptで画像検索ができます。
こんなページを作ることができます。
笑う犬 笑う猫 笑う馬 笑う豚 笑う猿 笑う子供

google AJAX Search APIのキーの取得

まずgoogleアカウントを取得してください。
これは説明しません。 次にgoogle AJAX Search APIのキーの取得が必要です。
google AJAX Search APIのキーの取得は以下の通りです。
google api keyの取得 I have read and agree with the terms and conditions.の先頭にチェックし
My web site URL:にあなたのWEBサイトのURLを書いてください。 Generate API Keyボタンを押すと取得できます。

上記の宣言を書きます。「あなたのコード」には取得したgoogle AJAX Search APIのキーを書いてください。

検索窓は不要なのでスタイルシートで非表示にします。

string = document.getElementById(div).innerHTML;
でhtmlのtdブロックに設定したテキストを取得しています。最初は「笑う犬」という文字列です。

var searchControl = new GSearchControl();
で新しいGSearchControlを作ります.

ws = new GimageSearch();
で新しいGimageSearchを作ります.

ws.setUserDefinedLabel(string);
でラベルを指定の文字列にします。

searchControl.setResultSetSize('middle');
var options = new GsearcherOptions();
options.setExpandMode(GSearchControl.EXPAND_MODE_OPEN);
searchControl.addSearcher(ws,options);
で検索結果を4件表示に設定します。

searchControl.draw(document.getElementById(div));
で検索結果を表示するHTMLのブロックを指定します。

searchControl.execute(string);
で文字列stringを与えて、検索します。


ここで関数searchをコールして、それぞれのブロックに検索結果を表示させます。

ここは検索結果を表示させるブロックです。

少ない行数のjavascriptプログラムで画像検索ができました。