2017-10-27 7 views
0

이 코드를 사용자 정의하면 어떻게로드 할 때 선택 버튼을 클릭하지 않고도 페이지가 자동으로 번역됩니다. 예를 들어 스페인어로 페이지를 자동으로로드 하시겠습니까 ?? "플러그인 설정"탭>> "특정 언어" "번역 언어를"선택 "스페인어"에서 Website Translator 형태에서Google 번역 코드를 사용하여 웹 페이지 자동로드

<div id="google_translate_element"></div> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
     function googleTranslateElementInit() { 
      new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element"); 
     }; 
     $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"); 
}); 

답변

0

. '표시 모드'에서 '자동'을 설정하고 '페이지의 언어 이외의 언어를 사용하는 사용자에게 자동으로 번역 배너 표시'확인란을 선택하십시오. "고급"블록.

다음은 HTML 페이지의 코드 예입니다. CSS를 사용하여 Google 번역 바 및 언어 이름이있는 드롭 다운 목록이 숨겨집니다. 답에 대한

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Test Google translate</title> 
     <style> 
      .skiptranslate, #google_translate_element {display: none;} 
      body {min-height: 0px !important; position: static !important; top: 0px !important;} 
     </style> 
     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" crossorigin="anonymous"></script> 
     <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 
    </head> 
    <body> 
    The text is translated using Google translate. 
    <div id="google_translate_element"></div> 
    <script type="text/javascript"> 
     function googleTranslateElementInit() { 
      $.when(
       new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'es', 
        layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT}, 'google_translate_element') 
      ).done(function(){ 
       var select = document.getElementsByClassName('goog-te-combo')[0]; 
       select.selectedIndex = 1; 
       select.addEventListener('click', function() { 
        select.dispatchEvent(new Event('change')); 
       }); 
       select.click(); 
      }); 
     } 
    </script> 
    </body> 
    </html> 
+0

감사하지만 내가 자동으로 병이 구글의 선택 박스 번역 숨어 기능을 변환로드에 조작되어 수행 할 때 페이지 : JS 코드는 번역에 대한 선택 옵션에 클릭한다 로드 버튼을 누르면 자동으로 패스 매개 변수를 기반으로 페이지를 변환합니다. 지금까지 선택 버튼 onchange 이벤트를 트리거 할 수는 있지만 wroking을 트리거 할 수없는 경우 $ (". goog-te-combo") .val 'zh-CN'). trigger ('change'); – jigen7

+0

이것이 @ jigen7의 문제를 해결 했습니까? – camelsWriteInCamelCase

+0

몇 가지 샘플 코드를 보내 주셔서 감사합니다. – jigen7