Google AJAX Language API und Prototype.js

Dienstag, 13. Mai 2008

Nachdem er den Betrieb der Google AJAX API Ich war eine alternative Methode, erinnert auf unseren Webseiten nutzen Echtzeit Prototype.js können Sie die HTML-Tags, die Sie übersetzen möchten Marke übersetzen, anstatt das gesamte Dokument für die Übersetzung. Um die HTML-Tags ich, um das Attribut rel übersetzen rel Sie ihn auf translate

HTML:
  1. "translate" > Questo testo deve essere tradotto </p> <p "translate" rel => Dieser Text übersetzt werden sollte </ p>

Mit einer einfachen Funktion, dann können wir Prototype.js verwenden, um alle HTML-Tags mit rel='translate'

JavaScript:
  1. / **
  2. * @ Name: translate ()
  3. * @ Beschreibung: translate
  4. * /
  5. Funktion translate () (
  6. ) . each ( $ $ ( '[Rel = "übersetzen "]'). Jede (
  7. e ) { function (e) (
  8. ( e. innerHTML , 'it' , 'en' , google. Sprache. translate (e. innerHTML, 'de', 'de',
  9. result ) { Funktion (Ergebnis) (
  10. result. translation ) { if (result. Übersetzung) (
  11. result. translation ; e. innerHTML = result. Übersetzung;
  12. { ) Else (
  13. 'Translate Error! \n \n ' + result. error . message ) ; alert ( 'Fehler beim Übersetzen \ n \ n' + result. Fehler. message);
  14. )
  15. )
  16. )
  17. )
  18. )
  19. )

Sie können dies in Aktion zu sehen auf e-lementi.com

Natürlich kann das Skript (und / oder müssen), gegebenenfalls ergänzt werden. Interessant ist aber, die so kann spezialisiert werden, um die Bilder zu ersetzen (im Falle von grafischen Buttons, die Text enthalten) oder aufwändigen Details wie TAG INPUT oder TEXTAREA

Eine Einschränkung ich vor, und möchte zu erweitern, die Anzahl der Zeichen, die übersetzt werden können. Bei wichtigen Texten, in der Tat ist es schwierig, eine Fehlermeldung erhalten: dass in der Tat gelang es mir in dem Skript mit einer alert()

Verwandte Post

War dieser Artikel hilfreich?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Loading ...

Es gibt keine Kommentare für diesen Beitrag

Leave a comment

TAG XHTML Berechtigungen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERTION CODE:
 <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