Discussion :

[mapmip]

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

[SylvainPV]

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/

[Watilin]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[mapmip]

un fichier json fera l'affaire aussi je pense