投递文章投递文章 投稿指南投稿指南 RSS订阅RSS订阅

利用Google公开的API做在线翻译

来源:moozi.net 发布时间:2008-04-12 收藏 投稿 字体:【

看了园子里moses的《抓取在线翻译(Google、Yahoo)》,应该是从http://translate.google.com/translate_t?langpair =en|zh-CN抓取Google翻译后的字符串的,看看一下Google的AjaxLanguage Api,于是也写了一个简单的Html页面来实现,不对的地方请园子里的朋友指正。

在线演示的网址:http://blog.moozi.net/demo/translate.html

源码如下:
Translate
 1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2<html xmlns="http://www.w3.org/1999/xhtml">
 3<head>
 4    <title>Moozi.Net Translate Online</title>
 5    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 6    <meta http-equiv="Content-Language" content="UTF-8" />
 7    <meta name="author" content="木子,moozi.net" />
 8    <meta name="Copyright" content="Moozi.Net CopyRight 2008" />
 9    <meta name="keywords" content="木子,Moozi.Net,,木子.net,在线翻译,google,api,asp.net,csharp,web" />
10    <meta name="description" content="木子 - Moozi.Net,在线翻译" />
11    <style type="text/css">
12        .textarea
13        {}{
14            width: 450px;
15            height: 100%;
16            font-size: 10pt;
17            height: 150px;
18        }
19    </style>
20
21    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
22
23    <script type="text/javascript">
24    google.load("language", "1");
25    function translate(){
26        var from = document.getElementById("source").innerHTML;
27        var translated = document.getElementById("result");
28        var fromlang = document.getElementById('from').value;
29        var tolang = document.getElementById('to').value;
30       
31        google.language.translate(from, fromlang, tolang, function(result) {
32            if (!result.error) {
33              translated.innerHTML = result.translation;
34            }
35        });
36    }
37    </script>
38
39</head>
40<body>
41    <p>
42        原文:</p>
43    <textarea name="text" id="source" class="textarea"></textarea><br />
44    从<select name="from" class="select" id="from">
45        <option value="zh-CN" selected="selected">中文(简体)</option>
46        <option value="zh-TW">中文(繁体)</option>
47        <option value="en">英语</option>
48        <option value="ja">日语</option>
49        <option value="ar">阿拉伯文</option>
50        <option value="ko">朝鲜语</option>
51        <option value="de">德语</option>
52        <option value="ru">俄语</option>
53        <option value="nl">荷兰语</option>
54        <option value="fr">法语</option>
55        <option value="pt">葡萄牙语</option>
56        <option value="es">西班牙语</option>
57        <option value="el">希腊语</option>
58        <option value="it">意大利语</option>
59    </select>到<select name="to" class="select" id="to"><!--<option value="zh-CN">中文(简体)</option>
60        <option value="zh-TW">中文(繁体)</option>-->
61        <option value="en" selected="selected">英语</option>
62        <!--<option value="ja">日语</option>
63        <option value="ar">阿拉伯文</option>
64        <option value="ko">朝鲜语</option>
65        <option value="de">德语</option>
66        <option value="ru">俄语</option>
67        <option value="nl">荷兰语</option>
68        <option value="fr">法语</option>
69        <option value="pt">葡萄牙语</option>
70        <option value="es">西班牙语</option>
71        <option value="el">希腊语</option>
72        <option value="it">意大利语</option>-->
73    </select>
74    <input type="button" value="翻译" onclick="translate();" /><br />
75    <textarea name="text" id="result" class="textarea"></textarea>
76</body>
77</html>
78


仅在IE下测试了

最新5条评论 查看所有评论
评论内容:请自觉遵守互联网相关政策法规。
用户名: 密码: 匿名 注册
热门文章
随机推荐
About iTtang - 联系方法  - 专题列表 - 友情链接  -  高级搜索   -  帮助中心  -