スポンサードリンク

Web(ウェブ)タブ検索ボックス/Google AJAX Search API サンプル

◆サンプル


 

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>

スポンサードリンク

Related Posts

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img localsrc="" alt="">