Para cargar las Apis debemos llamar al método load con estos dos parámetros:
google.load("language", "1");
La función traducir se ejecuta cuando se presiona el botón de la página HTML. En esta función lo
primero que hacemos es extraer el párrafo cargado del control TextArea.
Luego extraemos del control select el valor de idioma de origen y destino.
Como dicho valor es un String que tiene el caracter '|' separando la referencia del idioma origen y
el idioma destino, debemos dividirlo en dos empleando el método split de la clase String.
Ahora tienemos un vector con dos elementos que representan el lenguaje origen y el lenguaje destino
de traducción.
Llamamos por último al método translate de la propiedad languaje del objeto google, pasándo como datos
el texto a traducir, el lenguaje origen, el lenguaje destino y la función a ejecutarse cuando el
servidor avise que la traducción fué realizada.
function traducir()
{
var text = document.getElementById("origen").value;
var direccion = document.getElementById('direccion');
var seleccionado=direccion.options[direccion.selectedIndex].value;
var vec = seleccionado.split('|');
var fuente = vec[0];
var destino = vec[1];
google.language.translate(text, fuente, destino, resultadoTraduccion);
}
La función resultadoTraduccion se ejecuta cuando la traducción fué finalizada y recibe como parámetro el
texto traducido.
Obtenemos la referencia del div donde mostraremos el resultado. Verificamos que la traducción fué efectuada
con exito mediante un if. Asignamos por último el texto traducido al div respectivo.
function resultadoTraduccion(result)
{
var divdestino = document.getElementById("destino");
if (result.translation)
divdestino.innerHTML = result.translation;
}
La función limpiar solo tiene por objetivo que cada vez que cambiamos el item seleccionado del control select
borre la última traducción efectuada:
function limpiar()
{
var divdestino = document.getElementById("destino");
divdestino.innerHTML = '';
}