Usando a API AJAXLanuage, você pode traduzir e detectar o idioma de uma determinada área de uma página da web usando apenas JavaScript.
A API foi desenvolvida recentemente, portanto pode haver alguns bugs e pequenas deficiências em comparação com uma documentação perfeita. Iremos corrigir essas vulnerabilidades, portanto, entenda que você pode participar do Fórum de desenvolvedores de APIs AJAX para nos dar feedback e discutir esta API.
Público-alvo Este documento foi preparado para pessoas que têm alguma familiaridade com programação JavaScript e conceitos de programação orientada a objetos. Existem muitos tutoriais de JavaScript na Internet.
Introdução ao programa "Hello, World" na Google Ajax Language API A maneira mais fácil de começar a aprender esta API é observar um exemplo simples que detectará um determinado idioma e o traduzirá para o inglês.
<html>
<cabeça>
<script type="text/javascript" src=" http://www.google.com/jsapi"></script >
<script type="text/javascript">
google.load("idioma", "1")
;
var texto = document.getElementById("texto").innerHTML;
google.idioma.detect(texto, função(resultado) {
if (!resultado.error && resultado.idioma) {
google.idioma.translate(texto, resultado.idioma, "en",
função(resultado) {
var traduzido = document.getElementById("tradução");
if (resultado.tradução) {
traduzido.innerHTML = resultado.tradução;
}
});
}
});
}
(
inicializar);
</head>
<corpo>
<div id="text">Olá, prazer em conhecê-lo. </div>
<div id="translation"></div>
</body>
</html>
Você pode ver o exemplo aqui e modificá-lo e executá-lo como desejar.
Incluir Ajax LanguageAPI em suas páginas web
Para adicionar a API AJAXLanuage à sua página da web, você precisa utilizar o Google AJAX API Loader. Esta classe de carregamento pública permite carregar todas as APIs AJAX necessárias, incluindo a API da linguagem aqui. Você também precisa incluir a tag de script das APIs AJAX do Google e chamar google.load("idioma","1");.
<script type="text/javascript" src=" http://www.google.com/jsapi"></script >
<script type="texto/javascript">
google.load("idioma", "1");
</script>
A primeira tag de script carrega a função google.load, que permite carregar uma API específica do Google. google.load("linguagem","1") carrega a primeira versão da API de linguagem. Atualmente, a API AJAXLanguage está na versão 1, mas uma nova versão estará disponível em breve. Consulte a discussão da versão abaixo para obter mais informações.
Atualizações de API
O segundo parâmetro da função google.load é na verdade a versão da API AJAXLanuage que você está usando. Atualmente, a API da linguagem AJAX está na versão 1, mas uma nova versão estará disponível em breve.
Se fizermos atualizações importantes na API no futuro, alteraremos o número da versão e publicaremos um aviso na discussão do Google Code e AJAX APIS. Quando esse evento ocorrer, esperamos continuar oferecendo suporte a todas as versões por pelo menos um mês para que você tenha tempo suficiente para migrar seu código.
A equipe da API AJAXLanguage fornece atualizações regulares sobre correções de bugs recentes e otimizações de plataforma. Essas correções de bugs devem apenas melhorar o desempenho e corrigir bugs, mas é possível que possamos quebrar acidentalmente alguns usuários da API. Use o grupo de discussão de APIs AJAX para relatar tais problemas.
Exemplo de tradução de linguagem Este caso mostra um processo simples de tradução de uma variável de string JavaScript.
google.idioma.translate("Olá mundo", "en", "es", function(resultado) {
if (!resultado.error){
var container = document.getElementById("tradução");
container.innerHTML = resultado.tradução;
}
});
Ver caso (translate.html)
Detecção de idioma Este caso mostra a detecção de idioma para uma string JavaScript. O código do idioma será retornado.
var text = "Onde está o banheiro?"$$
google.idioma.detect(texto, função(resultado) {
if (!resultado.error){
var idioma = 'desconhecido';
for (l ingoogle.idioma.Languages) {
if (google.idioma.Languages[l] == resultado.idioma) {
idioma = eu;
quebrar;
}
}
var container = document.getElementById("detecção");
container.innerHTML = text + "é:" + idioma + ""$$
}
});
Veja o caso (detection.html)
Detecção de origem durante a tradução O caso a seguir é semelhante ao caso de tradução básico, mas mostra como traduzir o texto quando o idioma de origem não é conhecido. Ao passar uma string vazia para representar um idioma de origem desconhecido, o sistema irá detectá-lo e traduzi-lo automaticamente em uma única chamada.
google.idioma.translate("Olá mundo", "", "es", function(resultado) {
if (!resultado.error){
var container = document.getElementById("tradução");
container.innerHTML = resultado.tradução;
}
});
Veja os exemplos (autotranslate.html)
para mais exemplos. Aqui estão dois exemplos adicionais de interações. O primeiro caso realiza a detecção de idioma em uma sequência de texto pré-inserida, ao mesmo tempo que permite a inserção de outro texto. Também mostra fatores de confiança e confiabilidade (Nota do Tradutor).
Ver caso (detect.html)
Segundo caso adicional para tradução. Também permite interações semelhantes às descritas acima.
Veja o caso (translate.html)
Detalhes da API Idiomas suportados
A API GoogleAJAXLanuage agora oferece suporte aos seguintes idiomas. A tecnologia está em constante aperfeiçoamento e nossa equipe está trabalhando duro para expandir esta lista, portanto, volte sempre. Você também pode visitar o Google Translate para ver a lista atualizada recentemente.
árabe
Chinês (simplificado e tradicional)
Holandês
Inglês
Francês
Alemão
grego
italiano
japonês
coreano
Português
russo
Espanhol
Pares de tradução de idiomas suportados
A API GoogleAJAXLanguage agora oferece suporte aos seguintes pares de tradução de idiomas. A tecnologia está em constante aperfeiçoamento e nossa equipe está trabalhando duro para expandir esta lista, portanto, volte sempre. Você também pode visitar o Google Translate para ver a lista atualizada recentemente.
Árabe para Inglês
Chinês para Inglês
Chinês (simplificado para tradicional)
Chinês (tradicional para simplificado)
Holandês para Inglês (Holandês para Inglês)
Inglês para Árabe
Inglês para Chinês (Simplificado)
Inglês para Chinês (Tradicional)
Inglês para Holandês
Inglês para Francês
Inglês para Alemão
Inglês para Grego
Inglês para Italiano
Inglês para Japonês
Inglês para Coreano
Inglês para Português
Inglês para Russo
Inglês para espanhol
Francês para Inglês (Francês para Inglês)
Francês para Alemão
Alemão para Inglês
Alemão para Francês
Grego para Inglês
Italiano para Inglês (Italiano para Inglês)
Japonês para Inglês
Coreano para Inglês (Coreano para Inglês)
Português para Inglês (Português para Inglês)
Russo para Inglês (Russo para Inglês)
Espanhol para Inglês
Solução de problemas Se você encontrar um problema em seu código:
Verifique o código. Lembre-se de que JavaScript é uma linguagem que diferencia maiúsculas de minúsculas.
Para usar o depurador JavaScript, no Firefox você pode usar o console JavaScript ou a extensão FireBug. No IE, você pode usar o Microsoft Script Debugger.
Pesquise no grupo de discussão AJAXAPIs. Se você não conseguir encontrar uma postagem que responda à sua pergunta, poste-a no grupo de discussão e inclua um link para a página onde você fez a pergunta.