Javascript/Jquery 호출 Google 번역 버튼 클릭 (깃발 포함)

html 페이지 내의 번역을 위해 Google 번역을 사용할 수있는 좋은 예가 있습니까? 내 말은, 독일어 깃발 (버튼)을 클릭하면 독일어 등으로 번역하는 것보다 ... 제 질문은 특정 언어에 대해이 콤보 상자를 시뮬레이트하는 방법입니까? https://www.w3schools.com/howto/howto_google_translate.asp Javascript/Jquery 호출 Google 번역 버튼 클릭 (깃발 포함)

감사

출처

2017-12-24 Darman

그냥 헤드 업 ... 난 개인적으로 W3school를 사용하여 무리를 줄 것이다 [W3Fools] (http://www.w3fools.com/) – Rushikumar

친애하는 Rushikumar, 귀하의 조언을 주셔서 감사하지만 시작을위한 좋은 생각합니다. 좋은 하루 되세요! :) – Darman

당신이 자동 생성 선택 필드를 숨기고 당신이 입력 필드를 통해 선택할 수 있습니다 원하는 언어를 검색 할 각 옵션 필드의 반복에 의해 동적으로 값입니다 설정할 수 있습니다.

희망이 도움이 :

<!DOCTYPE html> 
<html lang="en-US"> 
<body> 

<h1>My Web Page</h1> 

<p>Hello everybody!</p> 

<p>Translate this page.</p> 

<!-- hide auto-created selection field completely by hiding it's container --> 
<div id="google_translate_element" style="display:none"></div> 

<p>You can translate the content of this page by selecting a language in the input field.</p> 

<!-- flag: you can choose language here: en, de, af etc. --> 
<input value="en" id="language"/> 
<button onclick="changeLanguageByButtonClick()">Translate</button> 

</body> 
<script type="text/javascript"> 

function googleTranslateElementInit() { 
    new google.translate.TranslateElement({pageLanguage: "en"}, 'google_translate_element'); 
} 

function changeLanguageByButtonClick() { 
    var language = document.getElementById("language").value; 
    var selectField = document.querySelector("#google_translate_element select"); 
    for(var i=0; i < selectField.children.length; i++){ 
    var option = selectField.children[i]; 
    // find desired langauge and change the former language of the hidden selection-field 
    if(option.value==language){ 
     selectField.selectedIndex = i; 
     // trigger change event afterwards to make google-lib translate this side 
     selectField.dispatchEvent(new Event('change')); 
     break; 
    } 
    } 
} 
</script> 

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 

</html>

출처

2017-12-24 19:21:34 Blauharley

Javascript/Jquery 호출 Google 번역 버튼 클릭 (깃발 포함)

답변

관련 문제