`
fly.net.cn
  • 浏览: 186772 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

google ajax search 示例

GoogleAjaxCSSJavaScriptXHTML 
阅读更多
xml 代码
  1. <!---->>  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3.   <head>  
  4.     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>  
  5.     <title>Hello World - Google AJAX Search API Sampletitle>  
  6.     <link href="http://www.google.com/uds/css/gsearch.css" type="text/css" rel="stylesheet"/>  
  7.     <style type="text/css">  
  8.   
  9.     body {   
  10.       background-color: white;   
  11.       color: black;   
  12.       font-family: Arial, sans-serif;   
  13.       font-size: small;   
  14.       margin: 15px;   
  15.     }   
  16.   
  17.     .gsc-control { width : 400px; }   
  18.   
  19.   
  20.     style>  
  21.     <script src="http://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript">script>  
  22.     <script type="text/javascript">  
  23.         
  24.   
  25.     function OnLoad() {   
  26.       // Create a search control   
  27.       var searchControl = new GSearchControl();   
  28.       var drawElement = document.getElementById("searchResults") ;   
  29.       var searchForm = document.getElementById("searchForm") ;   
  30.   
  31.       // Add in a full set of searchers   
  32.       var localSearch = new GlocalSearch();   
  33.       searchControl.addSearcher(localSearch);   
  34.       searchControl.addSearcher(new GwebSearch());   
  35.       searchControl.addSearcher(new GvideoSearch());   
  36.       searchControl.addSearcher(new GblogSearch());   
  37.       searchControl.addSearcher(new GnewsSearch());   
  38.       searchControl.addSearcher(new GimageSearch());   
  39.       searchControl.addSearcher(new GbookSearch());   
  40.   
  41.       // Set the Local Search center point   
  42.       localSearch.setCenterPoint("New York, NY");   
  43.   
  44.       // create a drawOptions object   
  45.       var drawOptions = new GdrawOptions();   
  46.   
  47.             // tell the searcher to draw itself in linear mode   
  48.             drawOptions.setDrawMode(GSearchControl.DRAW_MODE_LINEAR);   
  49.             // tell the searcher to draw itself in tabbed mode   
  50.             drawOptions.setDrawMode(GSearchControl.DRAW_MODE_TABBED);   
  51.                
  52.         //  drawOptions.setExpandMode(GSearchControl.EXPAND_MODE_OPEN);   
  53.   
  54.                
  55.             drawOptions.setSearchFormRoot(searchForm);   
  56.   
  57.   
  58.   
  59.             searchControl.draw(drawElement, drawOptions);   
  60.   
  61.       // execute an inital search   
  62.       searchControl.execute("http://fly-net-cn.iteye.com/");   
  63.     }   
  64.     GSearch.setOnLoadCallback(OnLoad);   
  65.     
  66.     script>  
  67.   head>  
  68.   <body>  
  69.     <table width="100%">  
  70.       <tr>  
  71.         <td class="content" valign="top" width="60%">  
  72.           <div id="content">  
  73.             <div id="searchResults">Loading...div>  
  74.           div>  
  75.         td>  
  76.         <td class="sidebar" width="40%">  
  77.           <div id="sidebar">  
  78.             <h2>Searchh2>  
  79.             <div id="searchForm">Loading...div>  
  80.           div>  
  81.         td>  
  82.       tr>  
  83.     table>  
  84.   body>  
  85. html>  
分享到：
| google map api
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    利用Google AJAX Search API

    **利用Google AJAX Search API** Google AJAX Search API是Google提供的一项服务，允许开发者在自己的网站上集成Google搜索功能，通过JavaScript实现动态、异步的搜索体验。这个API在2008年发布，不过请注意，该API...

    Google-AJAX-Search-API.rar

    【描述】描述中的 "Google-AJAX-Search-API.rar" 提示这是一个压缩包，包含了与谷歌AJAX搜索API相关的资源和示例代码。RAR是一种常见的文件压缩格式，用于将多个文件打包成一个单一的文件以便于存储和传输。 【标签...

    Google AJAX Search API+TAG

    这是一个简单的示例，用于演示如何使用Google AJAX Search API进行内嵌式搜索。示例代码展示了一个针对关键词“VWGTI”的搜索结果，其中包括本地搜索、网页搜索、视频搜索和博客搜索的结果。 ```html &lt;!DOCTYPE ...

    掌握 Ajax第 9 部分-使用 Google Ajax Search API.pdf

    ### 掌握 Ajax 第 9 部分：使用 Google Ajax Search API #### 知识点概述 在本文档中，作者Brett McLaughlin详细介绍了如何利用公共API（特别是Google Ajax Search API）来增强Web应用程序的功能。这篇文章适用于...

    AJAX GOOGLE小示例

    **标题解析：** "AJAX Google小示例" 指的是一个使用 AJAX（Asynchronous JavaScript and XML）技术实现的谷歌搜索提示功能的简化版本。这个示例旨在演示如何通过AJAX技术实现实时的搜索建议，让用户在输入查询时...

    用Google AJAX Search API对互联网上Linux命令出现次数排名

    标题中的“用Google AJAX Search API对互联网上Linux命令出现次数排名”表明了本文将探讨如何利用Google AJAX Search API来统计并排序Linux命令在互联网上的使用频率。这是一个利用Web服务进行数据挖掘和分析的实例...

    用PHP获取Google AJAX Search API 数据的代码

    1. **访问申请页面**：访问[Google AJAX Search API注册页面](http://code.google.com/apis/ajaxsearch/signup.html)。 2. **创建项目**：如果没有Google Cloud Platform项目，则需要创建一个新项目。 3. **启用API*...

    AJAX的示例代码，共享一下

    当你在搜索框输入关键词时，Google会使用AJAX技术向服务器发送请求，获取相关的搜索建议，并在你输入的同时动态地显示出来，而不需要你点击“搜索”按钮或者等待整个页面刷新。 下面是一个简单的AJAX示例代码，演示...

    AJAX Live Search是一种类似于 Google 自动完成功能 的PHP搜索表单，它会在您键入时显示结果_JavaSc

    `AJAX Live Search` 是一个基于jQuery的插件，利用jQuery库的强大功能来简化AJAX的使用。jQuery提供了简便的API来操作DOM，处理事件和执行AJAX请求。在实时搜索中，jQuery监听用户的输入事件，当用户在搜索框中键入...

    这两天做了个类似Google suggest的搜索功能的Ajax代码,当然这段代码是在AJAX基础教程中示例4.9的基础上修改完成的.

    这里，我们基于一个名为“AJAX基础教程”的示例4.9，构建了一个类似于Google Suggest的搜索功能。 首先，Google Suggest是谷歌搜索引擎中的一个特性，当用户在搜索框中输入文字时，它会即时提供可能的搜索建议。这...

    官方google API

    总的来说，这个压缩包提供了关于使用Google AJAX Search API进行搜索引擎开发的全面资源，包括理论知识、示例代码和实践指南。开发者可以通过这些资料学习如何在自己的网站上集成Google搜索功能，提升用户的搜索体验...

    用php+ajax写的仿百度谷歌搜索下拉自动提示框效果

    这个项目“用php+ajax写的仿百度谷歌搜索下拉自动提示框效果”旨在实现类似百度和谷歌搜索引擎的实时搜索建议功能。下面我们将详细探讨这个过程涉及的关键知识点。 首先，我们要理解**PHP**（Hypertext ...

    Ajax的一个小例子—类似google的搜索提示

    在本示例中，我们将探讨如何创建一个类似于Google搜索提示的功能，该功能在用户输入关键词时，实时提供可能的搜索建议。 **Google搜索提示功能实现** Google的搜索提示功能是Ajax应用的经典案例，它通过监听用户在...

    用AJAX实现类似GOOGLE搜索框的功能

    "用AJAX实现类似GOOGLE搜索框的功能"这个标题表明我们要讨论的是如何使用Asynchronous JavaScript and XML（AJAX）技术来创建一个功能类似于谷歌搜索框的交互式用户界面。谷歌搜索框的特点在于它能实时提供搜索建议...

    深入浅出学习ajax

    - **Google Ajax Search API的使用**：第十一部分介绍了一种实用的方法，即使用Google提供的Ajax Search API来增强Web应用的搜索功能。这部分内容讨论了如何选择合适的URL来获取搜索结果，并且展示了Google提供的...

    ajax入门到精通 IBM资深专栏作家作品

    Google Ajax Search API提供了方便的方法来集成Google搜索到你的网站。这部分会介绍如何注册API密钥，以及如何使用JavaScript调用API进行搜索查询和显示结果。 通过以上各个章节的学习，你将全面了解Ajax的工作...

    google_API接口

    在本例中，我们特别关注的是Google的AJAX Search API，这是一个允许开发者通过Ajax技术实现在网页上动态搜索的功能。Ajax（Asynchronous JavaScript and XML）是一种在不刷新整个页面的情况下更新部分网页的技术，它...

    Ajax详解.rar

    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 系列

    "掌握 Ajax，第 9 部分 使用 Google Ajax Search API.mht"涉及到如何利用Google提供的API进行Ajax搜索。这部分内容将指导你如何集成这个API，实现动态的、无需刷新页面的搜索功能。 通过这个系列的学习，你将全面...

Magicbox
Global site tag (gtag.js) - Google Analytics