AJAX Libraries API (1) - What is the AJAX Libraries API?

AJAX Libraries API, 提供了一些受歡迎的 open source Javascript libraries 的 hosting 服務. 透過 google.load() 方法, 來取得這些 Javascript libraries, 包括:

• jQuery
• prototype
• script.aculo.us
• MooTools
• dojo

Google AJAX Language API (3) - Examples

Language Translation
1. 翻譯 javascript string

google.language.translate("Hello world", "en", "es", function(result) { if (!result.error) { alert(result.translation); } });

Language Detection
2. 判斷 javascript string 語言 var text = "¿Dónde está el baño?"; google.language.detect(text, function(result) { if (!result.error) { var language = 'unknown'; for (l in google.language.Languages) { if (google.language.Languages[l] == result.language) { alert(l); break; } } } });

Source Detection during Translation
3. 這個例子跟基本的翻譯範例很像, 這是示範翻譯時不知道來源語言的情況. 只要來源語言指定一個空字串, 系統會在一次呼叫裡面偵測並且翻譯完畢 google.language.translate("Hello world", "", "es", function(result) { if (!result.error) { alert(result.translation); } });

Some Additional Samples
4. 顯示 confidence 與 reliability factors

Result here

5. 不同語言間的翻譯

>>

Result here

Google AJAX Language API (2) - Introduction

這個範例會示範如何偵測一段文字, 並且把他翻譯成英文.

&lt;html> &lt;head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("language", "1"); function initialize() { document.getElementById('hello_button').addEventListener('click', function() { var text = document.getElementById("hello_text").value; google.language.detect(text, function(result) { if (!result.error && result.language) { document.getElementById('hello_language').innerHTML = result.language; google.language.translate(text, result.language, "en", function(result) { var translated = document.getElementById("hello_translation"); if (result.translation) { translated.innerHTML = result.translation; } }); } }); }, false); } google.setOnLoadCallback(initialize); </script> &lt;/head> &lt;body> <input id='hello_text' type='text' value='你好, 很高興見到你.'/> <input id='hello_button' type='button' value='Translate'/> <div id="hello_language"></div> <div id="hello_translation"></div> &lt;/body> &lt;/html>

jQuery.noConflict();

解決 jQuery 與 protoype 的衝突方法, 依照這個順序 include .js:

<!-- jQuery --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script> <script language="javascript"> var $jq = jQuery.noConflict(); </script> <!-- protoype --> <script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js" type="text/javascript"></script> 1. 先把 jQuery include 進來.
2. 緊接著加上一行 var $jq = jQuery.noConflict();
3. 再把 prototype include 進來.
4. 最後你可以使用

• jQuery
• $jq
• (function($) {/* code here, you can use $ */})(jQuery);

來操作 jQuery 的 selector

Google AJAX Language API (1) - What is the Google AJAX Language API?

AJAX Language API, 可以利用 Javascript 來翻譯和判斷網頁上面文字的語言.