0

Estou utilizando o seguinte script para tradução de um site.

    <div id="google_translate_element"></div>

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


    <select class="select-language" onchange="ChangeLang(this.value)">

        <option value="pt">Português</option>

        <option value="en">Inglês</option>

        <option value="es">Espanhol</option>

        <option value="it">Italiano</option>

        <option value="de">Alemão</option>

        <option value="fr">Francês</option>

    </select>

E

function ChangeLang(a) {
    var b, elemento = "";
    if (document.createEvent) {
        var c = document.createEvent("HTMLEvents");
        c.initEvent("click", true, true)
    }
    if (a == 'pt') {
        elemento = $(".goog-te-banner-frame:eq(0)").contents().find("button[id*='restore']")
    } else {
        switch (a) {
            case 'de':
            b = "alem";
            break;
            case 'es':
            b = "espanhol";
            break;
            case 'fr':
            b = "fran";
            break;
            case 'en':
            b = "ing";
            break;
            case 'it':
            b = "italiano";
            break
        }
        elemento = $(".goog-te-menu-frame:eq(0)").contents().find("span:contains('" + b + "')");
    }
    if (elemento.length > 0) {
        if (document.createEvent) {
            elemento[0].dispatchEvent(c)
        } else {
            elemento[0].click()
        }
    }
}
function googleTranslateElementInit() {
    new google.translate.TranslateElement({
        pageLanguage: 'pt',
        autoDisplay: false,
        includedLanguages: 'de,es,fr,en,it',
        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
    },
    'google_translate_element');
}

Os arquivos estão sendo chamados, não é gerado erro e também não ocorre a tradução.

@edit Testando com onclick no lugar de onchange, funciona como esperado.

4
  • Só por curiosidade por que no onchange está fixado o valor da função? ChangeLang('pt') Commented 10/06/2015 às 13:40
  • Erro meu, @MaiconCarraro. O correto é ChangeLang(this.value) Commented 10/06/2015 às 14:38
  • Voltou a funcionar? Commented 10/06/2015 às 14:43
  • Funcionou como esperado utilizando o onclick invés de onchange. Commented 10/06/2015 às 16:25

1 Resposta 1

0

Existe uma maneira mais simples de fazer isso e com mais idiomas

HTML:

<div id="google_translate_element">

  <script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

</div>

Javascript:

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

Exemplo no CODEPEN

Troque o valor da string "pageLanguage" se necessário.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .