Système de traduction côté client

bonjour,

je souhaite créer un système de traduction du contenu de mes boites de dialogue qui sont de technologie jquery et alert aussi. Quelles stratégies adopter pour changer la langue des messages par une techno cliente javascript (donc pas de données côté serveur, ni d'appel ajax) ?

Merci d'avance

Tu peux passer par du templating, je l'évoque dans un article : http://sylvainpv.developpez.com/tuto...client/#LVII-B

Sinon il y a aussi le nouvel outil de Mozilla à tester, mais c'est tout récent : http://l20n.org/

De manière plus traditionnelle dans les projets logiciels multi-langages, on définit au départ une fonction qu'on appelle à chaque fois qu'on a besoin d'afficher du texte. Comme on va l'appeller souvent, on lui donne de préférence un nom court (getPhrase, getText ou simplement text ; j'ai même déjà vu _ tout court).

Cette fonction renvoie le texte traduit dans la bonne langue en fonction d'une constante au début du code, ou d'un fichier de configuration dans le dossier, ou autre. Les différents bouts de textes traduits sont stockés dans une base de données ou des fichiers statiques.

Par exemple avec les extensions Firefox, les langues sont stockées dans des fichiers .properties. Voici un extrait du fichier firebug.properties de Firebug pour la langue française :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

Firebug=Firebug # LOCALIZATION NOTE (WindowTitle): Title of detached Firebug window.n\n # %S Title of the associated web page.n\n # examples: Firebug - Googlen\n WindowTitle=Firebug - %S # Panel titlesn\n Panel-console=Console panel.tip.console=Observer les messages de la console et exécuter des commandes JavaScript Panel-net=Réseau panel.tip.net=Analyser le trafic réseau Panel-html=HTML panel.tip.html=Inspecter et modifier les nœuds DOM Panel-stylesheet=CSS panel.tip.stylesheet=Inspecter et modifier les feuilles de style CSS Panel-script=Script panel.tip.script=Déboguer du JavaScript Panel-dom=DOM panel.tip.dom=Inspecter et modifier des propriétés DOM Panel-css=Style panel.tip.css=Inspecter et modifier les règles CSS du nœud DOM sélectionné Panel-computed=Calculé panel.tip.computed=Inspecter les valeurs CSS calculées du nœud DOM sélectionné Panel-layout=Apparence panel.tip.layout=Inspecter et modifier les données d'apparence du nœud DOM sélectionné Panel-domSide=DOM panel.tip.domSide=Inspecter et modifier les propriétés DOM du nœud DOM sélectionné Panel-watches=Espions panel.tip.watches=Inspecter les variables JavaScript disponibles dans la pile actuelle et définir des expressions espion Panel-breakpoints=Points d\'arrêt panel.tip.breakpoints=Modifier les points d'arrêt Panel-callstack=Pile panel.tip.callstack=Observer la pile d'appel JavaScript actuelle Panel-scopes=Portées firebug.DetachFirebug=Ouvrir Firebug dans une nouvelle fenêtre firebug.AttachFirebug=Attacher Firebug à la fenêtre du navigateur

---

Et un extrait du code de Firebug qui utilise du texte (c'est la fonction Locale.$STR) :

Code:

---

1 2 3 4 5 6 7 8

getPanelTitle: function(panelType) { if (!panelType) return null;   return panelType.prototype.title ? panelType.prototype.title : Locale.$STR("Panel-"+panelType.prototype.name); },

---

On note la correspondance avec les clés Panel-console, Panel-net etc. du fichier .properties.

un fichier json fera l'affaire aussi je pense