Javascript 谷歌翻译下拉列表-设置语言选项标签在该语言本身
我在代码中使用了google translate元素:Javascript 谷歌翻译下拉列表-设置语言选项标签在该语言本身,javascript,google-translate,language-translation,google-translation-api,google-translator-toolkit,Javascript,Google Translate,Language Translation,Google Translation Api,Google Translator Toolkit,我在代码中使用了google translate元素: <div id="google_translate_element"></div> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element'); } <scrip
<div id="google_translate_element"></div>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
自定义选择:
<select id="custom-translate" style="display:none;">
<option value="">Select Language</option>
<option value="af">Afrikaans</option>
<option value="sq">Albanian</option>
<option value="am">Amharic</option>
<option value="ar">Arabic (العربية)</option>
...
</select>
选择语言
南非荷兰语
阿尔巴尼亚语
阿姆哈拉语
阿拉伯文
...
当我在控制台上尝试加载所有内容时,这是可行的,但当我在文件中添加此代码时,问题是GoogleTranslateElementUnit最终执行
那么,在谷歌翻译完成后,如何让代码执行?
我自己也为此奋斗了很长一段时间。最后,我不得不学习一些JQuery来访问iframe并编辑下拉列表中的文本。一旦我能够访问文本元素,我就编写了一个大规模的switch语句,将该语言的英语版本的文本更改为其母语。我使用google translate或apps脚本LanguageApp来翻译语言名称
$("#google_translate_element").on("click", function () {
var languages = $("iframe").contents().find(".text").get();
console.log(languages);
for (i = 0; i < languages.length; ++i) {
var languageElem = languages[i];
var Lang = languageElem.textContent;
console.log(Lang);
var nativeLang = getNativeLang(Lang);
if (!nativeLang) {
nativeLang = Lang;
}
languageElem.textContent = nativeLang;
console.log(nativeLang);
}
});
function getNativeLang(Lang) {
switch (Lang) {
case "Spanish":
return "Español";
case "Haitian Creole":
return "Kreyòl Ayisyen";
case "Portuguese":
return "Português";
case "Chinese (Simplified)":
return "中文";
case "Chinese (Traditional)":
return "中文";
case "Afrikaans":
return "Afrikaans";
case "Albanian":
return "Shqiptar";
case "Amharic":
return "አማርኛ";
case "Arabic":
return "عربى";
case "Armenian":
return "Հայերեն";
case "Azerbaijani":
return "AzəRbaycan";
case "Basque":
return "Euskal";
case "Belarusian":
return "Беларус";
case "Bengali":
return "বাংলা";
case "Bosnian":
return "Bosanski";
case "Bulgarian":
return "Български";
case "Catalan":
return "Català";
case "Cebuano":
return "Cebuano";
case "Corsican":
return "Corsu";
case "Croatian":
return "Hrvatski";
case "Czech":
return "Čeština";
case "Danish":
return "Dansk";
case "Dutch":
return "Nederlands";
case "Esperanto":
return "Esperanto";
case "Estonian":
return "Eestlane";
case "Filipino":
return "Pilipino";
case "Finnish":
return "Suomalainen";
case "French":
return "Français";
case "Frisian":
return "Frysk";
case "Galician":
return "Galego";
case "Georgian":
return "ᲥᲐᲠᲗᲣᲚᲘ";
case "German":
return "Deutsche";
case "Greek":
return "Ελληνικά";
case "Gujarati":
return "ગુજરાતી";
case "Hausa":
return "Hausa";
case "Hawaiian":
return "ʻŌlelo Hawaiʻi";
case "Hebrew":
return "עברית";
case "Hindi":
return "हिन्दी";
case "Hmong":
return "Hmong";
case "Hungarian":
return "Magyar";
case "Icelandic":
return "Íslensku";
case "Igbo":
return "Ndi Igbo";
case "Indonesian":
return "Bahasa Indonesia";
case "Irish":
return "Gaeilge";
case "Italian":
return "Italiano";
case "Japanese":
return "日本語";
case "Javanese":
return "Basa Jawa";
case "Kannada":
return "ಕನ್ನಡ";
case "Kazakh":
return "Қазақ";
case "Khmer":
return "ខ្មែរ";
case "Korean":
return "한국어";
case "Kinyarwanda":
return "Ikinyarwanda";
case "Kurdish (Kurmanji)":
return "Kurdî";
case "Kyrgyz":
return "Кыргызча";
case "Lao":
return "ລາວ";
case "Latin":
return "Latine";
case "Latvian":
return "Latvietis";
case "Lithuanian":
return "Lietuvis";
case "Luxembourgish":
return "Lëtzebuergesch";
case "Macedonian":
return "Македонски";
case "Malagasy":
return "Malagasy";
case "Malay":
return "Bahasa Melayu";
case "Malayalam":
return "മലയാളം";
case "Maltese":
return "Malti";
case "Maori":
return "Maori";
case "Marathi":
return "मराठी";
case "Mongolian":
return "Монгол";
case "Myanmar (Burmese)":
return "မြန်မာ";
case "Nepali":
return "नेपाली";
case "Norwegian":
return "Norsk";
case "Nyanja":
return "Nyanja";
case "Odia (Oriya)":
return "ଓଡିଆ";
case "Pashto":
return "پښتو";
case "Persian":
return "فارسی";
case "Polish":
return "Polskie";
case "Punjabi":
return "ਪੰਜਾਬੀ";
case "Romanian":
return "Română";
case "Russian":
return "Русский";
case "Samoan":
return "Sāmoa";
case "Serbian":
return "Српски";
case "Sesotho":
return "Sesotho";
case "Shona":
return "Shona";
case "Scots Gaelic":
return "Gàidhlig";
case "Sindhi":
return "سنڌي";
case "Sinhala":
return "සිංහල";
case "Slovak":
return "Slovenský";
case "Slovenian":
return "Slovenščina";
case "Somali":
return "Soomaali";
case "Sundanese":
return "Urang Sunda";
case "Swahili":
return "Kiswahili";
case "Swedish":
return "Svenska";
case "Tagalog":
return "Tagalog";
case "Tajik":
return "Точик";
case "Tamil":
return "தமிழ்";
case "Telugu":
return "తెలుగు";
case "Thai":
return "ไทย";
case "Turkish":
return "Türk";
case "Turkmen":
return "türkmençe";
case "Ukrainian":
return "Українська";
case "Urdu":
return "اردو";
case "Uyghur":
return "ئۇيغۇر تىلى";
case "Uzbek":
return "O'Zbek";
case "Vietnamese":
return "TiếNg ViệT";
case "Welsh":
return "Cymraeg";
case "Xhosa":
return "Isixhosa";
case "Yiddish":
return "יידיש";
case "Yoruba":
return "Yoruba";
case "Zulu":
return "Isizulu";
}
}
$(“#谷歌翻译元素”)。在(“点击”,函数(){
var languages=$(“iframe”).contents().find(“.text”).get();
console.log(语言);
对于(i=0;i<select id="custom-translate" style="display:none;">
<option value="">Select Language</option>
<option value="af">Afrikaans</option>
<option value="sq">Albanian</option>
<option value="am">Amharic</option>
<option value="ar">Arabic (العربية)</option>
...
</select>
$("#google_translate_element").on("click", function () {
var languages = $("iframe").contents().find(".text").get();
console.log(languages);
for (i = 0; i < languages.length; ++i) {
var languageElem = languages[i];
var Lang = languageElem.textContent;
console.log(Lang);
var nativeLang = getNativeLang(Lang);
if (!nativeLang) {
nativeLang = Lang;
}
languageElem.textContent = nativeLang;
console.log(nativeLang);
}
});
function getNativeLang(Lang) {
switch (Lang) {
case "Spanish":
return "Español";
case "Haitian Creole":
return "Kreyòl Ayisyen";
case "Portuguese":
return "Português";
case "Chinese (Simplified)":
return "中文";
case "Chinese (Traditional)":
return "中文";
case "Afrikaans":
return "Afrikaans";
case "Albanian":
return "Shqiptar";
case "Amharic":
return "አማርኛ";
case "Arabic":
return "عربى";
case "Armenian":
return "Հայերեն";
case "Azerbaijani":
return "AzəRbaycan";
case "Basque":
return "Euskal";
case "Belarusian":
return "Беларус";
case "Bengali":
return "বাংলা";
case "Bosnian":
return "Bosanski";
case "Bulgarian":
return "Български";
case "Catalan":
return "Català";
case "Cebuano":
return "Cebuano";
case "Corsican":
return "Corsu";
case "Croatian":
return "Hrvatski";
case "Czech":
return "Čeština";
case "Danish":
return "Dansk";
case "Dutch":
return "Nederlands";
case "Esperanto":
return "Esperanto";
case "Estonian":
return "Eestlane";
case "Filipino":
return "Pilipino";
case "Finnish":
return "Suomalainen";
case "French":
return "Français";
case "Frisian":
return "Frysk";
case "Galician":
return "Galego";
case "Georgian":
return "ᲥᲐᲠᲗᲣᲚᲘ";
case "German":
return "Deutsche";
case "Greek":
return "Ελληνικά";
case "Gujarati":
return "ગુજરાતી";
case "Hausa":
return "Hausa";
case "Hawaiian":
return "ʻŌlelo Hawaiʻi";
case "Hebrew":
return "עברית";
case "Hindi":
return "हिन्दी";
case "Hmong":
return "Hmong";
case "Hungarian":
return "Magyar";
case "Icelandic":
return "Íslensku";
case "Igbo":
return "Ndi Igbo";
case "Indonesian":
return "Bahasa Indonesia";
case "Irish":
return "Gaeilge";
case "Italian":
return "Italiano";
case "Japanese":
return "日本語";
case "Javanese":
return "Basa Jawa";
case "Kannada":
return "ಕನ್ನಡ";
case "Kazakh":
return "Қазақ";
case "Khmer":
return "ខ្មែរ";
case "Korean":
return "한국어";
case "Kinyarwanda":
return "Ikinyarwanda";
case "Kurdish (Kurmanji)":
return "Kurdî";
case "Kyrgyz":
return "Кыргызча";
case "Lao":
return "ລາວ";
case "Latin":
return "Latine";
case "Latvian":
return "Latvietis";
case "Lithuanian":
return "Lietuvis";
case "Luxembourgish":
return "Lëtzebuergesch";
case "Macedonian":
return "Македонски";
case "Malagasy":
return "Malagasy";
case "Malay":
return "Bahasa Melayu";
case "Malayalam":
return "മലയാളം";
case "Maltese":
return "Malti";
case "Maori":
return "Maori";
case "Marathi":
return "मराठी";
case "Mongolian":
return "Монгол";
case "Myanmar (Burmese)":
return "မြန်မာ";
case "Nepali":
return "नेपाली";
case "Norwegian":
return "Norsk";
case "Nyanja":
return "Nyanja";
case "Odia (Oriya)":
return "ଓଡିଆ";
case "Pashto":
return "پښتو";
case "Persian":
return "فارسی";
case "Polish":
return "Polskie";
case "Punjabi":
return "ਪੰਜਾਬੀ";
case "Romanian":
return "Română";
case "Russian":
return "Русский";
case "Samoan":
return "Sāmoa";
case "Serbian":
return "Српски";
case "Sesotho":
return "Sesotho";
case "Shona":
return "Shona";
case "Scots Gaelic":
return "Gàidhlig";
case "Sindhi":
return "سنڌي";
case "Sinhala":
return "සිංහල";
case "Slovak":
return "Slovenský";
case "Slovenian":
return "Slovenščina";
case "Somali":
return "Soomaali";
case "Sundanese":
return "Urang Sunda";
case "Swahili":
return "Kiswahili";
case "Swedish":
return "Svenska";
case "Tagalog":
return "Tagalog";
case "Tajik":
return "Точик";
case "Tamil":
return "தமிழ்";
case "Telugu":
return "తెలుగు";
case "Thai":
return "ไทย";
case "Turkish":
return "Türk";
case "Turkmen":
return "türkmençe";
case "Ukrainian":
return "Українська";
case "Urdu":
return "اردو";
case "Uyghur":
return "ئۇيغۇر تىلى";
case "Uzbek":
return "O'Zbek";
case "Vietnamese":
return "TiếNg ViệT";
case "Welsh":
return "Cymraeg";
case "Xhosa":
return "Isixhosa";
case "Yiddish":
return "יידיש";
case "Yoruba":
return "Yoruba";
case "Zulu":
return "Isizulu";
}
}
<div id="google_translate_element" onclick="foo();">
function foo(){
$("option[value='ar']").text("عربى (Arabic)");
$("option[value='fr']").text("Français (French)");
//.... so on
}