搜尋控制容器顧名思義就是用來裝載搜尋功能的容器，
所有搜尋功能的物件都必須放入這個容器中才能運作。
換言之，
Google AJAX Search API最基礎的物件就是搜尋控制容器。
搜尋控制容器目前有兩種物件可以使用，
它們分別是google.search.SearchControl和google.search.SearchForm，
本文將先介紹google.search.SearchControl物件。
google.search.SearchControl是建立搜尋控制容器時，
第一種可以使用的物件。
google.search.SearchControl有許多函式可以幫助我們使用Google公司的搜尋服務，
不過在使用這些函式之前，
必須先建立這個搜尋控制容器物件。
要建立google.search.SearchControl物件，
可以使用下列語法。
var searchControl = new google.search.SearchControl();google.search.SearchControl(searcher,opt_options) 這個函式可以將搜尋器加入搜尋控制容器中。
搜尋控制容器在最後執行搜尋動作的階段，
會針對它所擁有的搜尋器進行相對應的搜尋與顯示搜尋結果的動作。
google.search.SearchControl共可以帶入兩個引數，
以下為其說明。
searcher – 指定搜尋器的種類，目前Google公司提供的搜尋器種類如下表所示的。
opt_options – 非必填引數。這個引數可以針對搜尋器進行外觀與行為的細部設定。
最後，
有興趣的朋友可以根據上述函式撰寫如下的範例程式碼，
這樣就可以製作出一個具有多項搜尋功能的搜尋列喔。
<html>PS：如果網友對Google API有興趣，
<head>
<title>My Google AJAX Search API Application</title>
<script src="http://www.google.com/jsapi?key=金鑰" type="text/javascript">
</script>
<script language="Javascript" type="text/javascript">
google.load("search", "1");
function OnLoad() {
// 建立搜尋控制容器
var searchControl = new google.search.SearchControl ();
// 將所有搜尋器加入搜尋控制容器
searchControl.addSearcher(new google.search.WebSearch ());
searchControl.addSearcher(new google.search.LocalSearch ());
searchControl.addSearcher(new google.search.VideoSearch ());
searchControl.addSearcher(new google.search.BlogSearch ());
searchControl.addSearcher(new google.search.NewsSearch ());
searchControl.addSearcher(new google.search.BookSearch ());
searchControl.addSearcher(new google.search.ImageSearch ());
searchControl.addSearcher(new google.search.PatentSearch ());
// 將搜尋結果顯示在網頁中
searchControl.draw(document.getElementById("searchcontrol"));
}
google.setOnLoadCallback(OnLoad);
</script>
</head>
<body>
<div id="searchcontrol">Loading...</div>
</body>
</html>
也可以參考我所撰寫的【Google APIs程式工具錦集】一書。
全站熱搜
留言列表
旅遊風 (8)
