Google AJAX Language in ASP.NET
I found another treasure in Google Code – Google AJAX Languages API. Now I can detect and translate blocks of text in a web page using Javascript. I am thinking to build a custom server control which inherits System.Web.UI.WebControls.Label, and this control is able to translate its Text and Tooltip to the language specified when the control is rendered.
Today I just try the “Hello World” example:
<%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”Default.aspx.cs” Inherits=”Posts._Default” %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” >
<head runat=”server”>
<title>Google AJAX Language</title>
<script type=”text/javascript” src=”http://www.google.com/jsapi”></script>
<script type=”text/javascript”>
google.load(“language”, “1″);
function pageLoad(sender, args)
{
translate_text(“<%=lblMessage1.ClientID%>”, “zh-TW”);
translate_text(“<%=lblMessage2.ClientID%>”, “zh-TW”);
}
function translate_text(element_id, language_code)
{
var text = $get(element_id).innerHTML;
google.language.detect(text, function(result) {
if (!result.error && result.language) {
google.language.translate(text, result.language, language_code, function(result) {
if (result.translation) {
$get(element_id).innerHTML = result.translation;
}
});
}
});
}
</script>
</head>
<body>
<form id=”form1″ runat=”server”>
<asp:ScriptManager ID=”ScriptManager1″ runat=”server” />
<h3>Google AJAX Language</h3>
<div>
<asp:Label ID=”lblMessage1″ runat=”server” Text=”Hello World” />
<br />
<asp:Label ID=”lblMessage2″ runat=”server” Text=”This is a test page demonstrating the language translation.” />
</div>
</form>
</body>
</html>
The output is:
Google AJAX Language
世界您好
這是一個測試網頁上展示的語言翻譯。
No comments yet
Leave a reply
