Tutoriaux »Développement» Javascript »Internet

Google AJAX Language API et Prototype.js

Mardi, Mai 13, 2008

Après avoir vu le fonctionnement de l'API Google AJAX je me suis souvenu d'une autre manière de traduire nos pages web exploiter Prototype.js en temps réel vous pouvez marquer les balises HTML que vous voulez traduire, au lieu d'avoir l'ensemble du document pour la traduction. Pour marquer les balises HTML j'ai utilisé pour traduire le rel le fixant à translate

PLAIN TEXT
HTML:
  1. "translate" > Questo testo deve essere tradotto </p> "translate" <p rel => Ce texte devrait être traduit </ p>

Avec une simple fonction, alors nous pouvons utiliser Prototype.js de traiter toutes les balises HTML avec rel='translate'

PLAIN TEXT
JavaScript:
  1. / **
  2. @ * Nom: translate ()
  3. * @ Description: translate
  4. * /
  5. function translate () (
  6. ) . each ( $ $ ( '[Rel = "Traduire "]'). Each (
  7. e ) { function (e) (
  8. ( e. innerHTML , 'it' , 'en' , google. langue. traduire (E. innerHTML, 'fr', 'fr',
  9. result ) { fonction (suite) (
  10. result. translation ) { if (traduction result.) (
  11. result. translation ; e. innerHTML = résultat. Traduction;
  12. { ) Else (
  13. 'Translate Error! \n \n ' + result. error . message ) ; alert ( 'Error Translate \ n \ n' + résultat. erreur. message);
  14. )
  15. )
  16. )
  17. )
  18. )
  19. )

Vous pouvez le voir en action sur l'e-lementi.com

De toute évidence, le script ne peut (et / ou doit) être dûment complétés. Fait intéressant, cependant, qui peut être si spécialisés, afin de remplacer les images (dans le cas des boutons graphiques qui contiennent du texte) ou avoir des détails aussi complexe que l'TAG INPUT ou TEXTAREA

Une des limites j'ai dû faire face, et souhaite se développer, le nombre de caractères qui peuvent être traduits. En cas de textes importants, en fait, il est difficile d'obtenir une erreur: en fait, que j'ai réussi dans le script d'une alert()

Related Post

Cet article était utile?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Chargement ...

Tags:

Il n'ya pas de commentaires pour cet article

Laissez un commentaire

TAG PERMISSIONS XHTML: <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