利用Google公开的API做在线翻译
上一篇 / 下一篇 2008-04-15 00:07:01 / 个人分类：转载
看了园子里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
源码如下：
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下测试
在线演示的网址：http://blog.moozi.net/demo/translate.html
源码如下：
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
.textarea13
{
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下测试
导入论坛 引用链接 收藏 分享给好友 推荐到圈子 管理 举报
TAG:
