`
talentluke
  • 浏览: 604667 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

调用google api 实现google网站上翻译全功能

 
阅读更多

近日google网站提供了google  language api 函数,用户只需调用其函数就可实现google网站上的翻译功能
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="fanyi.aspx.cs" Inherits="fanyi" %>

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>黔南热线在线翻译</title>

  <style type="text/css">

  body {
    background-color: white;
    color: black;
    font-family: Arial, sans-serif;
    font-size: small;
    margin: 15px;
  }

  form.query-box {
    font-size: 15px;
    margin-top : 0px;
    margin-right : 0px;
    margin-bottom : 4px;
    margin-left : 0px;
    width: 100%;
  }

  input.query-input {
    padding-left : 2px;
    margin-bottom : 4px;
    width: 300px;
    border: 1px solid #BCCDF0;
  }
  input.button {
    margin-top : 4px;
  }

  div#main {
    width: 300px;
  }

  div#results {
    padding-top: 20px;
    width: 300px;
  }

  div#results_title {
    color: lightgray;
    font-weight: bold;
  }

  div#results_body {
    color: gray;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
  }

  </style>

  <script src="http://www.google.com/jsapi?key=internal" type="text/javascript"></script>

</head>

<body>
    &nbsp;<table width="100%">
        <tr>
            <td style="width: 168px">
            </td>
            <td colspan="2" rowspan="3">

<div id="results" style="width: 347px; height: 238px">
  <div id="results_title">
        翻译结果:</div>
  <hr/>
  <div id="results_body"></div>
</div>
                <br />
                &nbsp;<br />
                <br />
            </td>
        </tr>
        <tr>
            <td style="width: 168px">
  <input class="query-input" id="source" type="text"
         autocomplete="off" value="hello world" style="width: 326px; height: 245px"/></td>
        </tr>
        <tr>
            <td style="width: 168px">
<div id="main">
  <form class="query-box" onsubmit="return submitChange();">
        &nbsp;<select name="langpair" id="langpair">
    <option value="ar|en">阿拉伯语 to 英语</option>
    <option value="zh|en">中文 to 英语</option>
<%--    <option value="zh-CN|zh-TW">Chinese(Simplified to Traditional)</option>
    <option value="zh-TW|zh-CN">Chinese (Traditional to Simplified)</option>--%>
    <option value="nl|en">Dutch to English</option>
    <option value="en|ar">英语 to 阿拉伯语</option>
    <option value="en|zh-CN">英语 to 中文(简体)</option>
    <option value="en|zh-TW">英语 to 中文(繁体)</option>
    <option value="en|nl">英语 to 荷兰语</option>
    <option value="en|fr">英语 to 法语</option>
    <option value="en|de">英语 to 德语</option>
    <option value="en|it">英语 to 意大利语</option>
    <option value="en|ja">英语 to 日本语</option>
    <option value="en|ko">英语 to 韩语</option>
    <option value="en|pt-PT">英语 to 葡萄牙语</option>
    <option value="en|ru">英语 to 俄语</option>
    <option value="en|es" selected="" >英语 to 西班牙语</option>
    <option value="fr|en">法语 to 英语</option>
    <option value="fr|de">法语 to 德语</option>
    <option value="de|en">德语 to 英语</option>
    <option value="de|fr">德语 to 法语</option>
    <option value="it|en">意大利语 to 英语</option>
    <option value="ja|en">日本语 to 英语</option>
    <option value="ko|en">韩语 to 英语</option>
    <option value="pt|en">葡萄牙语 to 英语</option>
    <option value="ru|en">俄语 to 英语</option>
  </select>

  <input class="button" type="submit" value="翻译"/>

  </form>
</div>
            </td>
        </tr>
    </table>

  <script type="text/javascript">
    google.load("language", "1");
    google.setOnLoadCallback(submitChange);

    function submitChange() {
      var value = document.getElementById('source').value;
      var langpair = document.getElementById('langpair');
      var pair = langpair.options[langpair.selectedIndex].value.split('|');
      var src = pair[0];
      var dest = pair[1];
      google.language.translate(value, src, dest, translateResult);
      return false;
    }

    function translateResult(result) {
      var resultBody = document.getElementById("results_body");
      if (result.translation) {
        resultBody.innerHTML = result.translation;
      } else {
        resultBody.innerHTML = '<span style="color:red">Error Translating</span>';
      }
    }

  </script>

</body>

分享到:
评论

相关推荐

    C#版谷歌翻译-调用谷歌web翻译

    综上所述,这个C#项目旨在提供一个简单且高效的途径,以非JavaScript方式调用谷歌翻译服务,实现文本翻译功能。通过理解以上概念并参考项目提供的代码,你可以自行搭建一个类似的系统,满足自己的翻译需求。同时,这...

    js利用google翻译接口把网页翻译成各国语言

    利用JavaScript(简称JS)结合Google翻译API可以实现在网页上自动翻译功能,使网站能够轻松地提供多语言版本。这种方法不仅提升了用户体验,还减少了开发多语言版本所需的工作量。 #### 关键知识点详解 ### 1. ...

    破解google翻译API

    在《破解google翻译API全过程》的代码中,可能包含了上述某一种或多种方法的实现。这些代码通常会涉及网络请求库(如Python的requests)、JSON解析、可能的HTML解析(如BeautifulSoup)以及可能的机器学习库(如...

    Python如何通过百度翻译API实现翻译功能

    本人英语不好,很多词组不认识,只能...通用翻译API采用全流程自助申请的模式。点击网站上方的“登录”按钮,以百度账号登录平台;在产品服务页面点击“立即使用”,按照页面提示信息注册成为开发者,即可获得APPID和密

    google中英文全站翻译.rar

    描述中提到"使用google全站中英文翻译,把demo放在正式项目下就可以实现cookie语言记忆",这暗示了该资源可能包含一个示例(demo)项目,该项目已经集成了Google翻译API。当用户在网站上选择一种语言后,通过使用...

    WPF+ArcGIS API 调用Google地图

    调用Google地图服务可能需要API密钥。虽然Google地图主要用于Web应用,但通过一些方式,也可以在桌面应用中使用。在实际项目中,确保获取并正确使用API密钥以避免访问限制。 4. **交互和定制**: ArcGIS API 提供...

    很全 jdk_api_1.8_ 谷歌翻译

    《全面解析JDK API 1.8:谷歌翻译中文版》 JDK(Java Development Kit)是Java编程语言的核心组成部分,包含了开发和运行Java应用程序所需的所有工具和库。API(Application Programming Interface)则是JDK中的一...

    Google Maps API 开发大全

    书中详细介绍了如何集成Google Maps API到各种项目中,从基础概念到高级特性,为读者提供了一个全方位的学习路径。 一、Google Maps API简介 Google Maps API是Google提供的一套JavaScript库,允许开发者在自己的...

    QT下谷歌拼音输入法

    QT下谷歌拼音输入法是基于Qt框架开发的,主要用于在Android系统中实现高效、流畅的汉字输入功能。这个项目的核心是利用Qt5.4.2版本的库来构建一个兼容性和性能都良好的输入法引擎。下面我们将深入探讨相关知识点。 ...

    web端调用大华摄像头demo

    在IT行业中,Web端调用硬件设备,如摄像头,是一个常见的需求,特别是在视频监控系统中。本示例涉及的是如何在Web页面上调用大华品牌的...对于想要学习如何在Web上实现类似功能的开发者来说,这是一个宝贵的资源。

    PyQt5开发/谷歌翻译器/哔哩哔哩工具箱

    3. 翻译按钮:点击后调用谷歌翻译API进行翻译操作。 4. 结果展示:显示翻译后的文本,可选择复制或保存翻译结果。 5. 实时翻译:输入文本时自动进行翻译,提高用户体验。 6. 文件上传:支持上传文档进行批量翻译。 ...

    百度移动地图api全套

    相较于Google Maps API,百度地图API在某些方面可能更具优势,尤其是在中国的地理覆盖和本地化服务上。这个压缩包包含了三个主要部分:文档、示例代码和库文件,帮助开发者快速理解和使用百度地图API。 首先,`...

    这是一个用VB做的单词翻译软件,里面含有3个窗(登陆界面、展示窗口和翻译界面!很好用的哦!

    虽然没有提供源代码,但我们可以推测其背后可能结合了API调用和/或本地词库,以实现高效的翻译功能。对于想了解VB编程或有兴趣自行为单词翻译软件添加功能的用户来说,这可能是一个有趣的起点。

    google-api-translate-java(Java 语言对Google翻译引擎的封装类库).rar

    Google Translate API提供了丰富的功能,包括文本翻译、语音翻译、以及自动检测源语言等。在Java编程语言中,有专门的库用于封装这些API接口,方便开发者调用。本篇文章将详细探讨“google-api-translate-java”这个...

    jsp+ajax实现googleSuggest(全)

    综上所述,"jsp+ajax实现googleSuggest(全)"项目涵盖了JSP、AJAX以及前端交互设计等多个技术点,通过它们的结合,可以实现类似Google搜索框的智能提示功能,提升用户体验。在实际开发中,还需要考虑性能优化、错误...

    Google play billing(Google play 内支付) 代码封装 api V1.1.3

    使用该封装,只需要简单的一步就能初始化,里面的接口功能齐全,具备完整的成功、失败、错误回调。里面包含详细教程,有些坑可以看我博客。 http://blog.csdn.net/u013640004/article/details/78257536 更新日志: ...

    API助手工具.rar

    API,即应用程序编程接口,是软件系统之间交互的桥梁,允许开发者通过调用预先定义好的功能来实现特定任务。在给定的“API助手工具.rar”压缩包中,包含了大量的API函数及其全中文解释,这对于程序员,尤其是初学者...

    Google play billing(Google play 内支付) 代码封装 api V1.1.2

    使用该封装,只需要简单的一步就能初始化,里面的接口功能齐全,具备完整的成功、失败、错误回调。里面包含详细教程,有些坑可以看我博客。 http://blog.csdn.net/u013640004/article/details/78257536 更新日志: ...

    Android调用隐藏系统服务锁屏

    同时,使用模拟器或真实设备进行全方位的测试至关重要,因为某些行为可能在不同设备或Android版本上有所不同。 7. **应用发布**: 最后,如果这个功能用于公开的应用,必须遵守Google Play的政策,尤其是关于隐私...

    Google Android SDK开发范例大全(PDF高清完整版1)(4-1)

    8.16 访问网站LoginAPI——远程服务器验证程序运行权限 8.17 地震速报!——HttpURLConnection与Service侦测服务 第9章 Google服务与Android混搭 9.1 Google帐号验证Token——AuthSub 9.2 Google搜索——...

Global site tag (gtag.js) - Google Analytics