谷歌网站搜索-完全自定义搜索输入
Google Site Search - Completely Custom Search Input
我想使用一个完全自定义的搜索输入与谷歌网站搜索。我想输入文本,点击搜索按钮,然后被带到结果页面。我有这个工作在我的网站,但我不能完全控制搜索输入。最初我想把它包装在一个标签中,像这样:
<span class="trigger-a-search" title="Search">Search</span>
<p class="basic-search" id="headerSearch">
<!-- Search field in here -->
</p>
然而,谷歌提供了一个代码块来呈现表单,并试图将其粘贴到那些p
标记中是行不通的。表单呈现如下:
<span class="trigger-a-search" title="Search">Search</span>
<p class="basic-search" id="headerSearch">
<!-- Google provided code goes here -->
</p>
<!-- Appears here -->
因此,我无法通过将搜索输入框包装在我需要的标签中来控制它的外观。
所以我可以在页面上得到一个搜索输入,它可以工作,转发到搜索结果页面,但是我不能使用我自己的,完全自定义的搜索输入,当你点击"搜索"时,它将转到相同的特定搜索结果页面。你会怎么做呢?
在搜索页面中,您不需要使用Google提供的任何控件。您可以简单地使用文本框和按钮。在按钮单击事件中生成搜索字符串并将其传递到搜索结果页面。在结果页中,您可以使用Google搜索API来获取搜索结果。
function initializeGSearch() {
ws = new google.search.WebSearch();
ws.setNoHtmlGeneration();
ws.setSiteRestriction('YOUR SITE');
ws.setResultSetSize(google.search.Search.LARGE_RESULTSET); //8 results
ws.setSearchCompleteCallback(this, gotResults);
ws.execute("SEARCH TEARM");
}
function gotResults(){
var resultcontent = '';
var resultdiv = document.getElementById('searchresults');
for (i=0; i<ws.results.length; i++)
{
var result = ws.results[i];
var url = result.unescapedUrl;
var target = getTarget(url);
var img = getImage(url);
resultcontent += "<div class='dgsearchresultsbody'><a class='title' href='"+url+"' "+ target +">"+img+""+result.title+"</a><br/>"+result.content+"<br/><span class='url'>"+url+"</span></div><br/><br/>";
}
resultdiv.innerHTML = resultcontent;
addPaginationLinks();
}
相关文章:
- 谷歌水印未显示在自定义搜索框中
- 从谷歌自定义搜索返回随机帖子
- 是Google自定义搜索API的客户端请求数量有限
- 如何从谷歌自定义搜索下载搜索结果
- 如何将从谷歌自定义搜索API获取的数据放入复选框列表
- 可能带有iframes/html5的自定义搜索页面
- 谷歌自定义搜索参考部门
- 如何使用javascript为谷歌自定义搜索添加价值
- 谷歌自定义搜索结果通过代理显示错误
- 隐藏Google自定义搜索元素API 2.0的搜索引擎ID
- 谷歌新闻 API 自定义搜索
- 从我的网站中删除 Google 自定义搜索
- 谷歌自定义搜索 - 从网址参数手动加载/执行
- 为商业版本的 Google 自定义搜索框提供占位符或值
- 从文本链接调用谷歌自定义搜索叠加层
- 使用 Javascript 更改 Google 自定义搜索中的标签页
- 如何使GoogleAdSense(自定义搜索广告)具有响应性(引导)
- 我的自定义主页上的自定义搜索栏
- 如何使用自定义搜索获取 html 文件中的数据
- 在 Google 自定义搜索 iFrame 中设置内容的样式