criação de sites, portais e hospedagem
Artigos com o marcador translate
Traduza seu site com um clique
17/12/09
Continua em larga escala o aperfeiçoamento das ferramentas do google, somos presenteados desta vez com nada menos do que uma biblioteca capaz de traduzir o site com apenas alguns cliques.
Como vimos a alguns dias atrás no nosso artigo “Conhecendo a API de tradução do Google“, onde passando apenas algumas variáveis conseguimos traduzir nosso parágrafo para os idiomas escolhidos, agora conseguimos traduzir o site por completo inserindo apenas alguns códigos javascripts.
Veja como funciona:
Ao entrarmos no site com o suporte para a tradução do google, encontraremos, neste caso, um botão na parte inferior do site chamado “translate”.
Ao clicarmos neste botão, a barra de tradução do google será ativada, possibilitando a escolha de qual idioma gostariamos de visualizar o site.
Uma vez escolhido qual idioma gostariamos de visualizar o site, clicamos em traduzir.
Pronto. Temos nosso site traduzido.
Em breve traremos um artigo sobre a implementação desta API em seu site.
Fonte: googleblog.blogspot.com
Conhecendo a API de tradução do Google
14/12/09
Primeiro criaremos a chave para que nossa API funcione.
http://code.google.com/apis/maps/signup.html
Concordamos com o texto, e preenchemos com o endereço do site que irá utilizar a API
No caso, esta é a KEY referente ao site http://www.mixd.com.br
ABQIAAAA3n7eyjMRCXBjyxIzeuoLfxQBHG7D3RchZfe9v4AGxlsvgu32lRRTa7nFX5aZu8Obhg00iOWNZL__dg
Passado o básico, vamos ao que interessa.
Passamos as variáveis para o google e ele nos retorna o texto traduzido.
google.language.translate(fonte, lngOri, lng, function(result) {
if (result.translation) {
var translated = document.getElementById(target);
/* inserimos a tradução no elemento escolhido */
translated.innerHTML = result.translation;
}
});
Onde:
fonte = texto que queremos traduzir
lngOri = linguagem que o texto que queremos traduzir está. (Deixando em branco, o google identificará automáticamente).
lng = linguagem que o texto deve ser traduzido.
translated = local onde vamos inserir a tradução.
Para facilitar a nossa vida, criei uma função muito simples.
function mixdTranslate(source, target, lng){
/****
* Função facilitadora para a aplicação do pacote de linguagem do google
* MIXD Internet - http://www.mixd.com.br
* Irineu Martins Junior - irineu@mixd.com.br
* 12/12/2009
****/
/* pegamos o texto que deverá ser traduziado pelo google */
var fonte = document.getElementById(source).innerHTML;
/* pegamos o elemento que recebera a tradução */
var translated = document.getElementById(target);
/* setamos traduzindo */
translated.innerHTML = "Traduzindo...";
/* na função translate do google devemos passar os seguintes dados
* google.language.translate(source, lngOri, lngTra, function(result){ ...
* onde:
* source = texto a ser traduzido
* lngOri = linguagem do texto a ser traduzido
* lngTra = linguagem que o texto deve ser retornado
* ** Lembrando que a linguagem da fonte pode ser deixado em branco para que
* ** seja detectado automaticamente
* ** Listagem de todas as linguagens suportadas pelo google
* ** http://code.google.com/apis/ajaxlanguage/documentation/reference.html#LangNameArray
*/
google.language.translate(fonte, '', lng, function(result) {
if (result.translation) {
/* inserimos a tradução no elemento escolhido */
translated.innerHTML = result.translation;
}
});
}
Vejam o exemplo:
Até o nosso próximo artigo.



