[英]google translate api translate page using js
我想使用JS翻譯來更改頁面語言。
使用我的代碼,下拉值正在變化,但我認為我們需要觸發任何ajax,以便將其翻譯。 請提出任何解決方案
我正在嘗試此代碼,但無法正常工作。
$('.goog-te-combo').val('ur').trigger('change');
$('.goog-te-combo').find('select').trigger('change');
這是我的代碼
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: '/en/ur'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</head>
<body>
<p>You can translate the content of this page by selecting a language in the select box.</p>
<h1>My Web Page</h1>
<p>Hello everybody!</p>
<p>Translate this page:</p>
<div id="google_translate_element"></div>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(window).bind('load', function()
{
$('.goog-te-combo').val('ur');
});
</script>
</body>
</html>
從您提供的代碼來看,您似乎從未進行過API調用來請求翻譯某些文本。 以下文檔詳細介紹了API調用所需的查詢格式。 您需要指定在查詢中需要翻譯的網頁部分。 轉換后的字符串將按照傳遞的相同順序以數組形式返回。 以下是根據您提供的內容提供的示例代碼:
<body>
<p id="textField">You can translate the content of this page by selecting a language in the select box.</p>
<h1 id="title">My Web Page</h1>
<p>Hello everybody!</p>
<p>Translate this page:</p>
<form>
<select id="targetLanguage">
<option value="ZH">Chinese (Mandarin)</option>
<option value="CS">Czech</option>
<option value="DA">Danish</option>
<option value="NL">Dutch</option>
<option value="EN">English</option>
<option value="ET">Estonian</option>
<option value="FR" selected = "selected">French</option>
</select>
<input type="button" id="translateButton" value="Translate" />
</form>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$("#translateButton").click(function () {
var url = "https://translation.googleapis.com/language/translate/v2";
//Strings requiring translation
url += "?q=" + escape($("#textField").text());
url += "&q=" + escape($("#title").text());
//Target language
url += "&target=" + $("#targetLanguage").val();
//Replace with your API key
url += "&key=YOUR_API_KEY";
$.get(url, function (data, status) {
//Results are returned in an array following the order they were passed.
$("#textField").text(data.data.translations[0].translatedText);
$("#title").text(data.data.translations[1].translatedText);
});
});
</script>
</body>
您可以通過在下拉菜單中包含更多目標語言來添加它們。 這是受支持的語言及其代碼的完整列表 。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.