Después de ver el funcionamiento de la API AJAX de Google se me ha ocurrido una forma alternativa de traducir nuestras páginas web en tiempo real mediante prototype.js , puede marcar las etiquetas HTML que queremos traducir, en lugar de someter el documento a la traducción. : Para marcar las etiquetas HTML que utiliza para traducir el atributo rel , poniéndolo a translate :
1 |
Con una simple función, entonces podemos utilizar prototype.js para procesar todas las etiquetas HTML con el rel='translate' :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | / ** * @ Nombre: translate () * @ Descripción: traducir * / función translate () { ) . each ( $ $ ('[Rel = "traducir"] "). Cada uno ( e ) { function (e) { ( e. innerHTML , 'it' , 'en' , google. idioma. traducir (E. innerHTML, 'en', 'en', result ) { función (resultado) { result. translation ) { if (result. traducción) { result. translation ; y innerHTML = resultado de la traducción..; { Else {} 'Translate Error! \n \n ' + result. error . message ) ; alert ('Error Traducir \ n \ n "+ resultado un mensaje de error..); } } ); } ); } |
Usted puede ver esto en acción en e-lementi.com
Es evidente que el guión puede (y / o debe) ser perfeccionado, según el caso. . Es interesante notar, sin embargo, que es specializzarlo posible de tal manera para ser sustituido de las imágenes (en el caso de los botones en los gráficos que contienen texto) o le hacen elaborar detalles TAG tales como INPUT o TEXTAREA .
Una de las limitaciones que he encontrado, me gustaría profundizar, el número de caracteres que se pueden traducir. En el caso de textos importantes, de hecho, es difícil conseguir un error: que, de hecho puedo ejecutar el script con un alert() .
No hay comentarios para esta entrada
Deja un comentario