ใช้ประโยชน์จาก Google Translate ดีกว่า
Tuesday, February 17th, 2009จากที่เคยเล่าไปในครั้งก่อนว่าตอนนี้ Google Translate ได้มีภาษาไทยแล้วนั้น ก็ไปนึกถึงการใช้งาน Google API เพื่อจัดการแปลข้อความบนหน้าเว็บของเราเองเมื่อก่อนตอนที่ยังไม่มีภาษาไทย ตอนนี้ก็มีภาษาไทยมาแล้วก็ต้องเอามาทดสอบกันแล้ว เพราะคิดว่ามันจะมีประโยชน์เหมือนกันหากนำมาใช้งานในการแปลข้อความ (ถึงมันจะแปลแบบตลกๆไปบ้างก็ยังดีกว่าที่ไม่มีใช้)
สำหรับการใช้แบบง่ายที่สุดก็มาลองเขียนโค๊ดแบบนี้ดูเลยครับ
<!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>Google Translate</title>
<script type=”text/javascript” src=”http://www.google.com/jsapi” mce_src=”http://www.google.com/jsapi”></script>
<script type=”text/javascript”>
google.load(”language”, “1″);
function initialize() {
google.language.translate(’Hello’, “en”, “th”, function(result) {
if (!result.error) {
var container = document.getElementById(”translation“);
container.innerHTML = result.translation;
}
});
}
google.setOnLoadCallback(initialize);
</script>
</head>
<body>
<div id=”translation”></div>
</body>
</html>
เมื่อแสดงผลก็จะแสดงออกมาดังนี้
จะแสดงผลคำว่า สวัสดี ออกมาแทนที่จะแสดงคำว่า Hello
โดยที่โค๊ด google.language.translate(’Hello’, “en”, “th”, function(result) จะเป็นตัวกำหนดว่าจะให้แปลจากภาษาอะไร ไปยังภาษาอะไรนะครับ แต่เวลาใช้งานจริงๆคงไม่มีใครเอาข้อความที่จะแปลไปไว้ในสคริป (ตรงสีแดง) แบบนี้แน่นอน ดังนั้นการใช้งานจริงๆเราต้องทำการกำหนด div id มาตัวหนึ่งเพื่อเก็บข้อความที่ต้องการแปลทั้งหมดไว้ แล้วจึงค่อยนำข้อความทั้งหมดนั้นมาใช้งานครับ ดังนี้
<!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>Google Translate</title>
<script type=”text/javascript” src=”http://www.google.com/jsapi” mce_src=”http://www.google.com/jsapi”></script>
<script type=”text/javascript”>
google.load(”language”, “1″);
function initialize() {
var text = document.getElementById(”text“).innerHTML;
google.language.translate(text, “en”, “th”, function(result) {
if (!result.error) {
var container = document.getElementById(”translation“);
container.innerHTML = result.translation;
}
});
}
google.setOnLoadCallback(initialize);
</script>
</head>
<body>
<div id=”text”>Hello<br><br>Who are you? <br />What’s your name?</div>
<br /><br />
<div id=”translation”></div>
</body>
</html>
เพียงเท่านี้ก็จะได้การแสดงผลดังนี้
คำง่ายๆก็แปลได้ถูก แต่บางทีเจอประโยคยากๆ ก็งงเอาเหมือนกัน 555+
ก็เป็นอีกหนึ่งทางเลือกที่จะนำไปใช้ในเว็บไซต์ได้ ไอเดียก็คือ อาจจะทำเป็นปุ่มไว้หลังเนื้อหา แล้วเมื่อคลิ๊กที่ปุ่มก็อาจจะเปิด POPUP แปลออกมาแสดงก็ได้ ซึ่งก็คงเป็นอีกไอเดียหนึ่งที่สามารถนำไปใช้งานได้ครับ หรือจะทำเป็นเว็บไซต์แปลภาษาเหมือน Google Translate ก็ไม่ว่ากัน เหอๆๆๆ
อ่านเพิ่มเติมได้ที่
http://code.google.com/apis/ajaxlanguage/documentation/
