◆サンプル
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>