<?xml version="1.0" encoding="UTF-8" ?> 
<Module>
  <ModulePrefs title="Google PK"
  height ="300"
  width="200"
  description="google pk created by ning"
  scrolling="true"
    author="Ning" 
    author_email="xxx@google.com"
    
    >
  </ModulePrefs>
  
   <Content type="html"><![CDATA[
   <!--
改了很多，终于支持,分割的过个关键词输入了
后来去掉了html ,head等，方便发布Gadget 
发布时直接把 loadVisualizationAPI();

改为：
_IG_RegisterOnloadHandler(loadVisualizationAPI);

--> 

        <script src="http://www.google.com/jsapi" type="text/javascript">
        </script>
        <script type="text/javascript">
            function loadVisualizationAPI(){
                google.load('search', '1');
                google.load("visualization", "1", {
                    packages: ["table"]
                });
                google.setOnLoadCallback(OnLoad, true);
            }
            var gSearchForm;
            var data;
            function OnLoad(){
                gSearchForm = new google.search.SearchForm(false, document.getElementById("searchform"));
                gSearchForm.setOnSubmitCallback(null, CaptureForm);
                gSearchForm.input.focus();
                //初始化数据表
                
                data = new google.visualization.DataTable();
                data.addColumn('string', 'Query');
                data.addColumn('number', 'Estimated Result Count');
            }
            
            // Called when Local Search results are returned, we clear the old
            // results and load the new ones.
            function search(query){
                var gWebSearch = new google.search.WebSearch();
                gWebSearch.OnWebSearch = function(){
                    if (!gWebSearch.results) 
                        return;
                    var id = data.addRow();
                    var q = gWebSearch.Nb;
                    var num = gWebSearch.cursor ? eval(gWebSearch.cursor.estimatedResultCount) : 0;
                    data.setCell(id, 0, q);
                    data.setCell(id, 1, num);
                    
                    var table = new google.visualization.Table(document.getElementById('table_div'));
                    var formatter = new google.visualization.TableBarFormat({
                        width: 120
                    });
                    formatter.format(data, 1); // Apply formatter to second column
                    data.sort([{
                        column: 1,
                        desc: true
                    }]);
                    
                    table.draw(data, {
                        allowHtml: true,
                        showRowNumber: true,
                        sort: 'enable'
                    });
                }
                gWebSearch.setSearchCompleteCallback(null, gWebSearch.OnWebSearch);
                gWebSearch.execute(query);
            }
            // Cancel the form submission, executing an AJAX Search API search.
            function CaptureForm(searchForm){
                if (searchForm.input.value) {
                    rst = searchForm.input.value.split(",");
                    for (var i = 0; i < rst.length; i++) {
                        search(rst[i]);
                    }
                }
                searchForm.input.value = "";
                return false;
            }
//			loadVisualizationAPI();//这句在 Gadget里面不要
_IG_RegisterOnloadHandler(loadVisualizationAPI);

//            google.setOnLoadCallback(OnLoad, true);
        </script>
        <h1>Google PK</h1>
        <p>
            Input KeyWords 
            <br/>
            (use <b>","</b>
            as separater for mutiple keywords)
        </p>
        <div id="placelist">
            <div id="search">
                <div id="searchform">
                </div>
            </div>
            <div id="results">
                <div id="searchwell">
                </div>
                <div id="table_div">
                </div>
            </div>
        </div>

   ]]>  
  </Content>
</Module>