Web（ウェブ）タブ検索ボックス／Google AJAX Search API　サンプル

スポンサードリンク

Web（ウェブ）タブ検索ボックス／Google AJAX Search API　サンプル

Posted by 管理人 on 2010年5月25日 Leave a comment (0) Go to comments

◆サンプル

Loading…

◆下記をコピー

<!– Google AJAX Search API　キー –>

<script src=”http://www.google.com/uds/api?file=uds.js&v=1.0&key=あなたのGoogle AJAX Search APIキー” type=”text/javascript” charset=”utf-8″></script>

<!– 検索結果表示スタイルシート –>

表示を変えたければ、CSSをダウンロードして書き換え方。デフォルト幅は、.gsc-control { width: 300px;}

<link href=”http://www.google.com/uds/css/gsearch.css” rel=”stylesheet” type=”text/css” />

<!– HTML記述 –>

<div id=”search_control_tabbed”>Loading…</div>

<!– 検索結果タブ設定 –>

<script type=”text/javascript”>

// <![CDATA[

google.load(‘search’, ‘1.0’);

function OnLoad() {

// create a tabbed mode search control

var tabbed = new google.search.SearchControl();

tabbed.setResultSetSize(google.search.Search.LARGE_RESULTSET);

tabbed.addSearcher(new google.search.ImageSearch());

tabbed.addSearcher(new google.search.VideoSearch());

tabbed.addSearcher(new google.search.WebSearch());

tabbed.addSearcher(new google.search.BlogSearch());

tabbed.addSearcher(new google.search.BookSearch());

tabbed.addSearcher(new google.search.NewsSearch());

// draw in tabbed layout mode

var drawOptions = new google.search.DrawOptions(); drawOptions.setDrawMode(google.search.SearchControl.DRAW_MODE_TABBED); tabbed.draw(document.getElementById(“search_control_tabbed”), drawOptions);

tabbed.execute(“フェラーリ“); }

google.setOnLoadCallback(OnLoad, true);

// ]]></script>