Artículos con la etiqueta 'marcado'

Google AJAX Language API y prototype.js

Después de ver el funcionamiento de la API de Google AJAX que se me ocurrió una manera alternativa de traducción de páginas web aprovechando nuestra en tiempo real prototype.js , puede marcar las etiquetas HTML que desea 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
"translate" > Questo testo deve essere tradotto < / p > < p rel = "traducir"> Este texto debe ser traducido </ p >

Con una simple función, entonces podemos utilizar prototype.js para procesar todas las etiquetas HTML con 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: translate
* /
función translate () {
) . each ( $ $ ('[Rel = "traducir "]'). Ud. (
e ) { función (s) {
( e. innerHTML , 'it' , 'en' , google. idioma. traducir (e. innerHTML, 'en', 'en',
result ) { función (resultado) {
result. translation ) { if (traducción result.) {
result. translation ; e. innerHTML = resultado de la traducción.;
{ Else {}
'Translate Error! \n \n ' + result. error . message ) ; alert ('Error Traducir \ n \ n "+ resultado del mensaje de error..);
}
}
);
}
);
}

Usted puede ver esto en acción en e-lementi.com

Por supuesto, la escritura se puede (y / o deben) ser debidamente completados. . Es interesante notar, sin embargo, que es posible especializarse con el fin de sustituir las imágenes (en el caso de botones gráficos que contienen texto), o desarrollar él como una etiqueta especial INPUT o TEXTAREA .

Una de las limitaciones que encontré, y me gustaría profundizar, el número de caracteres que se pueden traducir. En el caso de textos importantes, de hecho, no es difícil conseguir un error: que de hecho, ejecutar el script con un alert() .

Continuación ...


Dejar de SOPA