Tutoriales »Desarrollo» Javascript »Internet

Google AJAX Language API y de Prototype.js

Martes, 13 de mayo 2008

Después de ver el funcionamiento de la API de AJAX de Google me acordé de una forma alternativa de traducir nuestras páginas web explotación de Prototype.js en tiempo real puede marcar las etiquetas HTML que desea traducir, en vez de tener todo el documento para la traducción. Para marcar las etiquetas HTML que utiliza para traducir el rel poniéndolo a translate

Texto sin formato
HTML:
  1. "translate" > Questo testo deve essere tradotto </p> "translate" <p rel => Este texto debe ser traducido </ p>

Con una simple función, entonces podemos utilizar de Prototype.js para procesar todas las etiquetas HTML con el rel='translate'

Texto sin formato
JavaScript:
  1. / **
  2. * @ Nombre: translate ()
  3. * @ Descripción: traducir
  4. * /
  5. función de traducir () (
  6. ) . each ( $ $ ( '[Rel = "traducir "]'). Cada uno (
  7. e ) { function (e) (
  8. ( e. innerHTML , 'it' , 'en' , Google. lengua. traducir (E. innerHTML, 'es', 'es',
  9. result ) { la función (resultado) (
  10. result. translation ) { if (traducción result.) (
  11. result. translation ; e. innerHTML = resultado. Traducción;
  12. { ) Else (
  13. 'Translate Error! \n \n ' + result. error . message ) ; alert ( 'Error Translate \ n \ n "+ resultado. error. mensaje);
  14. )
  15. )
  16. )
  17. )
  18. )
  19. )

Puede ver esto en acción en e-lementi.com

Obviamente, la secuencia de comandos puede (o debe) ser debidamente completados. Curiosamente, sin embargo, que puede ser tan especializado como para sustituir las imágenes (en el caso de botones gráficos que contienen texto) o con detalles elaborados, como TAG INPUT o TEXTAREA

Una de las limitaciones que enfrentan, y me gustaría ampliar el número de caracteres que pueden ser traducidos. En el caso de textos importantes, de hecho, es difícil obtener un error: que, de hecho he conseguido en el guión con un alert()

Post relacionados

Fue útil esta información?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Cargando ...

Etiquetas:

No hay ningún comentario para este post

Deja tu comentario

TAG XHTML RESTRICCIONES: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> código de inserción: 
 <pre></pre>         // blocco generico [code][/code]       // blocco generico [as][/as]           // Actionscript [css][/css]         // CSS Style Sheet [html][/html]       // HTML [js][/js]           // Javascript [objc][/objc]       // Objective-C [php][/php]         // PHP [sql][/sql]         // SQL