Funciona que retorna undefined

[Sirenon]

Buenas, estoy muy pez con el javascript y necesito hacer funcionar una tema de traducción con Google. Tengo la siguiente función:

Código:

<script type="text/javascript">
google.load("language", "1");
</script>
<script type="text/javascript">
function traducir(texto, lang){

google.language.translate(texto, 'es', lang, function(result) {
     return result.translation;
	});
}
</script>

La llamo desde aqui:

Código:

<SCRIPT LANGUAGE="JavaScript" TYPE="TEXT/JAVASCRIPT">
<!--

lang="en";
texto="<p>Hola</p><p>Esto es una <strong>palabra</strong> en negrita y <em>esta</em> en cursiva.</p>";
txt=traducir(texto,lang);
document.write(txt);

//-->
</SCRIPT>

Pues siempre se muestra en pantalla "undefined". He mirado varias paginas respecto el paso y devolución de funciones y no encuentro el qué.

Además, si en la primera función sustituyo el

Código:

return result.translation;

por

Código:

document.write(result.translation);

me muestra la traducción.

¿Algún alma caritativa podría darme alguna indicación?. Gracias y saludos.

[ZiTAL]

el problema que tienes es que no devuelves el resultado a nada, lo dejas ahi colgado, prueba con esto:

Código javascript:

<script type="text/javascript">
google.load("language", "1");
</script>
<script type="text/javascript">
function traducir(texto, lang){
var a = google.language.translate(texto, 'es', lang, function(result) {
     return result.translation;
    });
return a;
}
</script>
 

[Sirenon]

Pues me sigue devolviendo "undefined". Entonces cambio la pregunta y la planteo de otra manera: haciendo directamente el document.write me muestra la página con sólo la frase traducida y el fondo en blanco. ¿Hay alguna otra manera de mostrar el resultado?

[ZiTAL]

Ese problema se deba a que si el documento está cargado y haces un document.write() se borra el contenido del documento y se escribe el contenido del document.write(), mientras que si la página está cargandose haces el document.write el resultado se muestra donde lo apliques.

[venkman]

Quizá no hayas mirado demasiado bien la documentación, pero el caso es que el funcionamiento de google.language.translate es asíncrono. Por eso le pasas como último parámetro una función de callback, para que cuando se reciba la respuesta, se llame a esa función.

La función no puede devolver un valor a quien llama a google.language.translate porque esa llamada ya habrá terminado cuando la función se ejecute. Lo que tengas que hacer con la respuesta, lo tienes que hacer ahí dentro.

Y en cuanto a eso, no te recomiendo hacer un document.write. Crea algún elemento contenedor en el HTML (un div o un span, por ejemplo) y modifica su innerHTML en lugar de eso.

[Sirenon]

Iniciado por venkman

Quizá no hayas mirado demasiado bien la documentación, pero el caso es que el funcionamiento de google.language.translate es asíncrono. Por eso le pasas como último parámetro una función de callback, para que cuando se reciba la respuesta, se llame a esa función.

La función no puede devolver un valor a quien llama a google.language.translate porque esa llamada ya habrá terminado cuando la función se ejecute. Lo que tengas que hacer con la respuesta, lo tienes que hacer ahí dentro.

Y en cuanto a eso, no te recomiendo hacer un document.write. Crea algún elemento contenedor en el HTML (un div o un span, por ejemplo) y modifica su innerHTML en lugar de eso.

He encontrado otra manera de hacerlo que hace exactamente eso. Gracias a todos por la ayuda.