Ayuda con aplicacion javascript de google.

hernandavidgomez · #1 (**permalink**) 15/02/2010, 15:56

Hola:
tengo la siguiente duda.
Google tiene un aplicacion llamada Google AJAX Language API, esta permite hacer traducciones en mi pagina web.
he consultado en el sitio[URL="http://geeks.ms/blogs/jmaguilar/archive/2008/03/30/crea-un-traductor-en-tu-web-con-google-ajax-language-api.aspx"]http://geeks.ms/blogs/jmaguilar/archive/2008/03/30/crea-un-traductor-en-tu-web-con-google-ajax-language-api.aspx[/URL].

El codigo es muy claro, pero me surge una duda. Como podria acoplar el codigo para traducir la palabra que me de el usuario a los idiomas que yo determine, estos podrian ser 2, 3 ,4,5.....

Agradeceria inmensamente cualquier ayuda.
Aqui les dejo el codigo

Código HTML:

Ver original<html>
<head>
  <title>Traductor</title>
  <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  <script type="text/javascript">  
    google.load("language", "1");        
  </script>
</head>
 
<body>
  <textarea id="text" rows="8" cols="40">Hi, how are you?</textarea>
  <br />
  <button onclick="onClick()">
        Traducir</button>
  Del idioma
  <select id="srcLang">
    <option value="">(Auto)</option>
    <option value="es">Español</option>
    <option value="en">Inglés</option>
    <option value="fr">Francés</option>
  </select>
  Al
  <select id="dstLang">
    <option value="es">Español</option>
    <option value="en">Inglés</option>
    <option value="fr">Francés</option>
  </select>
  <h3>Traducción:</h3>
  <div id="result">
    (Introduce un texto)
  </div>
</body>
<script type="text/javascript">
function onClick()
{
  // obtenemos el texto y los idiomas origen y destino
  var text    = document.getElementById("text").value;
  var srcLang = document.getElementById("srcLang").value;
  var dstLang = document.getElementById("dstLang").value;
 
  // llamada al traductor
  google.language.translate(text, srcLang, dstLang, function(result) 
    {
      if (!result.error) 
      {    
        var resultado = document.getElementById("result");    
        resultado.innerHTML = result.translation;  
      }
      else alert(result.error.message);
    }
  );
}
</script>
</html>

Muchas Gracias

crujikoki · #2 (**permalink**) 16/02/2010, 01:35

Hola,

No se, así a lo rápido podrías repetir esto:

google.language.translate(text, srcLang, dstLang, function(result) { if (!result.error) { var resultado = document.getElementById("result"); resultado.innerHTML = result.translation; } else alert(result.error.message); }

Tantas veces como traducciones quieras. Solo tienes que cambiar el lenguaje de destino y listos... Para mostrarlo piensa que quieres concatenarlo en el mismo textara o en otro o de otra forma. Lo que es hacer la traducción a varios idiomas es repitiendo eso.

Por ejemplo podrías hacer que los idiomas se pudieran seleccionar más de uno. Te guardas la posición en el select en la que están, o el id que tienen o lo que tu quieras en un array por ejemplo. Con un for lo recorres ejecutas la función google.language.translate() tantas veces como idiomas seleccionados haya.

Yo lo intentaría hacer así.

hernandavidgomez · #3 (**permalink**) 16/02/2010, 15:17

Muchas gracias, me ha servido mucho la asesoria. Hice un bucle asi como me dijiste y puse a correr la funcion varias veces dependiendo del numero de traducciones que necesito. Hasta aqui todo bien.
Ahora me surge un ligero inconvenientte.
La funcio me esta traduceidno perfectamente dos campo, pero resulta que uno de ellos es un texto largo, y esta funcion solo me esta traduciendo alrededor de 500 caracteres, segun lo que he indagado, esto se debe a que la informacion se envia con metodo GET. ASi que se debe hacer una peticvion xmlhttprequest para que los datos sean enviados via POST.
En este punto uedo muerto, no se como acoplarlo a mi codigo.
Espero que puedan ayudarme.
el codigo es el siguiente

Código Javascript:

Ver original<html>
<head>
  <title>Traductor</title>
  <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  <script type="text/javascript">  
    google.load("language", "1");        
  </script>
</head>
 
<body>
  <textarea id="text" rows="8" cols="40" onBlur="onClick()"></textarea>
  <br />
  <div id="result">
    (Ingles)<input type="text" name="english"></input>
  </div>
  <div id="result1">
    (Frances)<input type="text" name="french"></input>
  </div>
  <div id="result2">
    (Deutch)<input type="text" name="deutch"></input>
  </div>
</body>
<script type="text/javascript">
function onClick()
 
{
var i = 0;
for(i=0;i<=2;i++){
    if (i==0){
                  // obtenemos el texto y los idiomas origen y destino
                  var text    = document.getElementById("text").value;
                  var srcLang = document.getElementById("srcLang").value;
                  var dstLang = "en";
 
                  // llamada al traductor
                  google.language.translate(text, srcLang, dstLang, function(result) 
                    {
                      if (!result.error) 
                      {    
                        var resultado = document.getElementById("result");    
                        resultado.innerHTML = result.translation;  
                      }
                      else alert(result.error.message);
                    }
                  );
            }
    
    
    else if (i==1){
                  // obtenemos el texto y los idiomas origen y destino
                  var text    = document.getElementById("text").value;
                  var srcLang = document.getElementById("srcLang").value;
                  var dstLang = "fr";
 
                  // llamada al traductor
                  google.language.translate(text, srcLang, dstLang, function(result) 
                    {
                      if (!result.error) 
                      {    
                        var resultado = document.getElementById("result1");    
                        resultado.innerHTML = result.translation;  
                      }
                      else alert(result.error.message);
                    }
                  );
            }
        
    else if (i==2) {
                  // obtenemos el texto y los idiomas origen y destino
                  var text    = document.getElementById("text").value;
                  var srcLang = document.getElementById("srcLang").value;
                  var dstLang = "de";
 
                  // llamada al traductor
                  google.language.translate(text, srcLang, dstLang, function(result) 
                    {
                      if (!result.error) 
                      {    
                        var resultado = document.getElementById("result2");    
                        resultado.innerHTML = result.translation;  
                      }
                      else alert(result.error.message);
                    }
                  );
            }
    else {
                  // obtenemos el texto y los idiomas origen y destino
                  var text    = document.getElementById("text").value;
                  var srcLang = document.getElementById("srcLang").value;
                  var dstLang = "de";
 
                  // llamada al traductor
                  google.language.translate(text, srcLang, dstLang, function(result) 
                    {
                      if (!result.error) 
                      {    
                        var resultado = document.getElementById("result2");    
                        resultado.innerHTML = result.translation;  
                      }
                      else alert(result.error.message);
                    }
                  );
            }
    
}
}
</script>
</html>

Gracias