SearchHome > Google Search Archive
Google Search Archive
Search Gadget (Google Ajax Search API)
- 2008年11月 3日 12:37
- Google Search | Javascript AJAX CSS
|
ブログやウェブサイトの狭いスペースでも設置できる検索ガジェットです。小さくてもウェブ検索、イメージ検索、ビデオ検索、本の検索などが出来る優れものです。幅は290px、高さは180px に設定しています。 |
ガジェットのコードです（コピペ用）。 |
- Comments: 0
- TrackBack (Close): 0
Google Map and Ajax API Search Gadget
- 2008年10月11日 18:37
- Google Map | Google Map Gadget | Google Search | Javascript AJAX CSS
|
何らかの変更があったためコントロールが表示されなくなっていました。 11月3日 : 地図タイプをノーマルに設定したら回復しました。 |
Google Map と Ajax API Search 兼ねたガジェットです。左のガジェットはシンプル（Simple version）な方のガジェットです。クリックすると移動可能なマーカーが表示されます。ドラッグズームや経度、緯度などがクリックで表示されるFull option バージョンもあります。
地図の左下の方にある小さいボタンを押すと上に検索ボックスが表示されます。もう一度押すと非表示になります。このガジェット一つで地図検索からウェブ、画像、動画、ブログ、本などのあらゆる検索が可能です。 下にある検索はグーグルローカルマップ検索です。地図上のレストラン、ホテルなどを様々な検索が出来ます。検索ボックスに「東京 ホテル」と書き込めば地域のホテルのマップ、住所等の情報が表示されます。 |
Full Option version:
Simple version:
これらのコードの幅は、420px と設定されています。大きさはブログやサイトのスペースに応じて設定してください。（w=420 の部分を変更すればOKです。）
このガジェットはiframeで生成されています。グーグルでカスタマイズした場合は、IEでY軸のスクロールが出来なくなります。
- Comments: 0
- TrackBack (Close): 0
Google AJAX Search API
- 2008年3月31日 13:37
- Google Search
Google AJAX Search API
グーグルサーチでAPIを利用して検索する
function OnLoad() {
var searchControl = new GSearchControl();
options = new GsearcherOptions();
options.setExpandMode(GSearchControl.EXPAND_MODE_OPEN);
searchControl.addSearcher(new GwebSearch(), options);
.....
}
これは、グーグルのウェブ検索の部分のコードです。
optionsを "GSearchControl.EXPAND_MODE_OPEN" と指定してしています。
EXPAND_MODE_OPEN と指定すると、検索した時に検索結果が4つ程表示されます。
EXPAND_MODE_PARTIAL は１つ表示
EXPAND_MODE_CLOSED は折りたたまれた状態で表示
ここでは、
1.ウェブ(EXPAND_MODE_OPEN)
2.ビデオ(EXPAND_MODE_CLOSED)
3.イメージ(EXPAND_MODE_CLOSED)
4.ブログ(EXPAND_MODE_CLOSED)
5.ニュース(EXPAND_MODE_CLOSED)
6.ローカル(EXPAND_MODE_CLOSED)
7.Amazon.co.jp(EXPAND_MODE_PARTIAL)
8.ブック(EXPAND_MODE_PARTIAL)
と設定しています。
また、Amazon.co.jpをAmazon.comと設定すれば、洋書が検索表示されます。
↓実際のウェブページはこのような感じです＾＾
ソースコード(Source Code)↓
- Comments: 0
- TrackBack (Close): 0
Home > Google Search Archive