スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Google AJAX Search APIで検索窓を設置してみる3 - 検索結果の表示方法

 Google AJAX Search API基本形では検索結果を1件表示されていましたが、今回は表示方法を変えてみます。4件表示と検索結果を閉じた状態にしておくものがあります。
Loading
 CSSとbody部分はGoogle AJAX Search API基本形と同じで、JavaScriptを下記のとおりになります。
<script src="http://www.google.com/uds/api?file=uds.js&amp;v=1.0&key=取得したAPI key" type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[

    function OnLoad() {
      // Create a search control
      var searchControl = new GSearchControl();

// web検索を4件表示
        options = new GsearcherOptions();
options.setExpandMode(GSearchControl.EXPAND_MODE_OPEN);
        searchControl.addSearcher(new GwebSearch(), options);

// ニュース検索を1件表示
        options = new GsearcherOptions();
options.setExpandMode(GSearchControl.EXPAND_MODE_PARTIAL);
        searchControl.addSearcher(new GnewsSearch(), options);

// ブログ検索は閉じた状態
        var options = new GsearcherOptions();
options.setExpandMode(GSearchControl.EXPAND_MODE_CLOSED);
        searchControl.addSearcher(new GblogSearch(), options);

        searchControl.draw(document.getElementById("searchControl"));

      searchControl.execute("");
    }
GSearch.setOnLoadCallback(OnLoad); //]]> </script>
フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント
このコメントは管理人のみ閲覧できます
【2008/08/07 10:26】 | - # | [edit]
このコメントは管理人のみ閲覧できます
【2008/08/07 20:30】 | - # | [edit]









※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。