検索APIをまとめてタブに(WEB/BLOG/ニュース/画像/動画）

Loading...

ソース

<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
<!--
  /*
  *  The Hello World of the AJAX Search API
  */
  
  google.load('search', '1');
  
  function OnLoad() {
    // Create a search control
    var searchControl = new google.search.SearchControl();
  
  
    var searchFormElement = document.getElementById("AnneHathaway");
    var drawOptions = new google.search.DrawOptions();
    var searchOptions = new google.search.SearcherOptions();
  
    searchOptions.setExpandMode(google.search.SearchControl.EXPAND_MODE_OPEN);
    //searchOptions.setImageResultsTbHeight(100);
  
    searchControl.addSearcher(new google.search.ImageSearch(), searchOptions);
    searchControl.addSearcher(new google.search.VideoSearch(), searchOptions);
    searchControl.addSearcher(new google.search.WebSearch(), searchOptions);
    searchControl.addSearcher(new google.search.BlogSearch(), searchOptions);
    searchControl.addSearcher(new google.search.NewsSearch(), searchOptions);

    drawOptions.setSearchFormRoot(searchFormElement);
    drawOptions.setDrawMode(google.search.SearchControl.DRAW_MODE_TABBED);
  
    // tell the searcher to draw itself and tell it where to attach
    searchControl.draw(searchFormElement, drawOptions);
    //searchControl.draw(document.getElementById("content"));
  
    // execute an inital search
    searchControl.execute("アン ハサウェイ");
    searchControl.execute("Anne Hathaway");
  }
  
  google.setOnLoadCallback(OnLoad);
-->
</script>
<div class="gtab-root" id="AnneHathaway">Loading...</div>