`
- 浏览:
187357 次
- 性别:
- 来自:
北京
-
xml 代码
- <!---->>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
- <title>Hello World - Google AJAX Search API Sampletitle>
- <link href="http://www.google.com/uds/css/gsearch.css" type="text/css" rel="stylesheet"/>
- <style type="text/css">
-
- body {
- background-color: white;
- color: black;
- font-family: Arial, sans-serif;
- font-size: small;
- margin: 15px;
- }
-
- .gsc-control { width : 400px; }
-
-
- style>
- <script src="http://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript">script>
- <script type="text/javascript">
-
-
- function OnLoad() {
- // Create a search control
- var searchControl = new GSearchControl();
- var drawElement = document.getElementById("searchResults") ;
- var searchForm = document.getElementById("searchForm") ;
-
- // Add in a full set of searchers
- var localSearch = new GlocalSearch();
- searchControl.addSearcher(localSearch);
- searchControl.addSearcher(new GwebSearch());
- searchControl.addSearcher(new GvideoSearch());
- searchControl.addSearcher(new GblogSearch());
- searchControl.addSearcher(new GnewsSearch());
- searchControl.addSearcher(new GimageSearch());
- searchControl.addSearcher(new GbookSearch());
-
- // Set the Local Search center point
- localSearch.setCenterPoint("New York, NY");
-
- // create a drawOptions object
- var drawOptions = new GdrawOptions();
-
- // tell the searcher to draw itself in linear mode
- drawOptions.setDrawMode(GSearchControl.DRAW_MODE_LINEAR);
- // tell the searcher to draw itself in tabbed mode
- drawOptions.setDrawMode(GSearchControl.DRAW_MODE_TABBED);
-
- // drawOptions.setExpandMode(GSearchControl.EXPAND_MODE_OPEN);
-
-
- drawOptions.setSearchFormRoot(searchForm);
-
-
-
- searchControl.draw(drawElement, drawOptions);
-
- // execute an inital search
- searchControl.execute("http://fly-net-cn.iteye.com/");
- }
- GSearch.setOnLoadCallback(OnLoad);
-
- script>
- head>
- <body>
- <table width="100%">
- <tr>
- <td class="content" valign="top" width="60%">
- <div id="content">
- <div id="searchResults">Loading...div>
- div>
- td>
- <td class="sidebar" width="40%">
- <div id="sidebar">
- <h2>Searchh2>
- <div id="searchForm">Loading...div>
- div>
- td>
- tr>
- table>
- body>
- html>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
**利用Google AJAX Search API** Google AJAX Search API是Google提供的一项服务,允许开发者在自己的网站上集成Google搜索功能,通过JavaScript实现动态、异步的搜索体验。这个API在2008年发布,不过请注意,该API...
【描述】描述中的 "Google-AJAX-Search-API.rar" 提示这是一个压缩包,包含了与谷歌AJAX搜索API相关的资源和示例代码。RAR是一种常见的文件压缩格式,用于将多个文件打包成一个单一的文件以便于存储和传输。 【标签...
这是一个简单的示例,用于演示如何使用Google AJAX Search API进行内嵌式搜索。示例代码展示了一个针对关键词“VWGTI”的搜索结果,其中包括本地搜索、网页搜索、视频搜索和博客搜索的结果。 ```html <!DOCTYPE ...
### 掌握 Ajax 第 9 部分:使用 Google Ajax Search API #### 知识点概述 在本文档中,作者Brett McLaughlin详细介绍了如何利用公共API(特别是Google Ajax Search API)来增强Web应用程序的功能。这篇文章适用于...
**标题解析:** "AJAX Google小示例" 指的是一个使用 AJAX(Asynchronous JavaScript and XML)技术实现的谷歌搜索提示功能的简化版本。这个示例旨在演示如何通过AJAX技术实现实时的搜索建议,让用户在输入查询时...
标题中的“用Google AJAX Search API对互联网上Linux命令出现次数排名”表明了本文将探讨如何利用Google AJAX Search API来统计并排序Linux命令在互联网上的使用频率。这是一个利用Web服务进行数据挖掘和分析的实例...
1. **访问申请页面**:访问[Google AJAX Search API注册页面](http://code.google.com/apis/ajaxsearch/signup.html)。 2. **创建项目**:如果没有Google Cloud Platform项目,则需要创建一个新项目。 3. **启用API*...
当你在搜索框输入关键词时,Google会使用AJAX技术向服务器发送请求,获取相关的搜索建议,并在你输入的同时动态地显示出来,而不需要你点击“搜索”按钮或者等待整个页面刷新。 下面是一个简单的AJAX示例代码,演示...
`AJAX Live Search` 是一个基于jQuery的插件,利用jQuery库的强大功能来简化AJAX的使用。jQuery提供了简便的API来操作DOM,处理事件和执行AJAX请求。在实时搜索中,jQuery监听用户的输入事件,当用户在搜索框中键入...
这里,我们基于一个名为“AJAX基础教程”的示例4.9,构建了一个类似于Google Suggest的搜索功能。 首先,Google Suggest是谷歌搜索引擎中的一个特性,当用户在搜索框中输入文字时,它会即时提供可能的搜索建议。这...
总的来说,这个压缩包提供了关于使用Google AJAX Search API进行搜索引擎开发的全面资源,包括理论知识、示例代码和实践指南。开发者可以通过这些资料学习如何在自己的网站上集成Google搜索功能,提升用户的搜索体验...
这个项目“用php+ajax写的仿百度谷歌搜索下拉自动提示框效果”旨在实现类似百度和谷歌搜索引擎的实时搜索建议功能。下面我们将详细探讨这个过程涉及的关键知识点。 首先,我们要理解**PHP**(Hypertext ...
在本示例中,我们将探讨如何创建一个类似于Google搜索提示的功能,该功能在用户输入关键词时,实时提供可能的搜索建议。 **Google搜索提示功能实现** Google的搜索提示功能是Ajax应用的经典案例,它通过监听用户在...
"用AJAX实现类似GOOGLE搜索框的功能"这个标题表明我们要讨论的是如何使用Asynchronous JavaScript and XML(AJAX)技术来创建一个功能类似于谷歌搜索框的交互式用户界面。谷歌搜索框的特点在于它能实时提供搜索建议...
- **Google Ajax Search API的使用**:第十一部分介绍了一种实用的方法,即使用Google提供的Ajax Search API来增强Web应用的搜索功能。这部分内容讨论了如何选择合适的URL来获取搜索结果,并且展示了Google提供的...
Google Ajax Search API提供了方便的方法来集成Google搜索到你的网站。这部分会介绍如何注册API密钥,以及如何使用JavaScript调用API进行搜索查询和显示结果。 通过以上各个章节的学习,你将全面了解Ajax的工作...
在本例中,我们特别关注的是Google的AJAX Search API,这是一个允许开发者通过Ajax技术实现在网页上动态搜索的功能。Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下更新部分网页的技术,它...
1.2 使用 Google Ajax Search API 的准备工作 101 1.3 Google 的 API 文档 104 1.4 最简单的 Google 搜索 Web 应用程序 104 1.5 Ajax 在哪里? 109 1.6 深度探索 Google 的 Ajax Search API 111 第 10 部分: ...
"掌握 Ajax,第 9 部分 使用 Google Ajax Search API.mht"涉及到如何利用Google提供的API进行Ajax搜索。这部分内容将指导你如何集成这个API,实现动态的、无需刷新页面的搜索功能。 通过这个系列的学习,你将全面...