traduction des composants : en français (gwt-ext)

**aurelientp** · 10/06/2008, 17h07

Bonjour.
Novice en GWT, je développe actuellement une application utilisant entre autre les grids de gwt-ext. Les fonctionnalités implémentées par défaut (triée par une colonne, affichage, regroupement par un champs, etc...) sont bien pratiques mais elles sont en anglais lorsqu'on utilise l'application ("show in group, group by ...", etc.)

comment traduire ?

merci d'avance.
Aurélien

**benwit** · 10/06/2008, 18h57

Il faut référencer le script suivant dans la page html de ton module :
<script type="text/javascript" src="emplacementDeEXTJS/source/locale/ext-lang-fr.js"></script>

**aurelientp** · 11/06/2008, 10h33

bonjour
merci de réponse

j'ai intégré le js :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<body>
      <iframe id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>
      <link type="text/css" rel='stylesheet' href='***.css'/>
      <link rel="stylesheet" href="js/ext/resources/css/ext-all.css"/>
      <script type="text/javascript" src="js/ext/locale/ext-lang-fr.js"></script>
	  <script language="javascript" src="js/ext/adapter/ext/ext-base.js"></script>
	  <script language="javascript" src="js/ext/ext-all.js"></script> 
 
      <!-- The GWT js file generated at run time -->
      <script type="text/javascript" src='***.nocache.js'></script>
   </body>

mais à l'execution en hosted mode, j'ai toujours les composants en anglais. faut-il spécifier dans le code que je veux en français, ou ailleurs ?

merci

**benwit** · 11/06/2008, 11h55

normalement, il n'y a rien d'autres à faire si je ne me trompe pas ...

tu as bien :
- vérifier que le fichier "js/ext/locale/ext-lang-fr.js" se trouve dans ta version ?
- ajouter la ligne dans le bon fichier html ? celui de ton module.
- vider le cache de gwt ?
- vérifier en hosted mode en faisant clic droit (menu contextuel > voir le source) que la ligne ajoutée s'y trouve bien ?

**aurelientp** · 11/06/2008, 12h09

comment vider le cache de gwt ?

çà ne peut venir que de là, j'ai fais tout le reste.

**benwit** · 11/06/2008, 15h11

Tu as vérifier en hosted mode en faisant clic droit (menu contextuel > voir le source) que la ligne ajoutée s'y trouve bien ?

Car si elle y est, ce n'est pas un problème de cache.
Si elle n'y est pas, c'est un problème de cache:

Dans ton projet gwt, une partie du cache se trouve dans :

NomDuProjet/.gwt-cache
Normalement, ce n'est pas ici mais le vider de tant en temps ne fait pas de mal.

NomDuProjet/www
Ici également, tu peux faire le ménage.

Remarque : sauvegarde (zip ou non) ton projet avant par précautions.

**aurelientp** · 16/06/2008, 12h26

merci de ta réponse.
rien à faire, çà ne fonctionne toujours pas.

j'ai essayé aussi cette méthode : http://www.gwt-ext.com/forum/viewtopic.php?f=9&t=1259

mais çà ne fonctionne pas non plus

**benwit** · 16/06/2008, 20h09

L'exemple que tu montres, c'est pour le changer dynamiquement ...

Répond s'il te plaît à ma question :

Après avoir ajouté dans la page html de ton module (NomDeTonModule.html) :
<script type="text/javascript" src="js/ext/locale/ext-lang-fr.js"></script>
et après avoir vidé le cache (dossier web)

en hosted mode, en faisant clic droit (menu contextuel > voir le source),
vois tu la ligne :
<script type="text/javascript" src="js/ext/locale/ext-lang-fr.js"></script>

oui ou non ????

si c'est le cas, essaye de mettre dans l'url du navigateur
URLDeTonModule/js/ext/locale/ext-lang-fr.js
pour voir s'il trouve déjà le fichier js.
Si tu ne sais pas quoi mettre à la place de URLDeTonModule, met toi sur une image de EXT-JS (une de leur composant) et fait afficher les propriétés, tu verras où il les recherche.

**aurelientp** · 17/06/2008, 10h26

Envoyé par benwit

en hosted mode, en faisant clic droit, vois tu la source ?

: Oui

Envoyé par benwit

si c'est le cas, essaye de mettre dans l'url du navigateur
URLDeTonModule/js/ext/locale/ext-lang-fr.js
pour voir s'il trouve déjà le fichier js.

: il me demande de télécharger le fichier js, c'est qu'il le trouve bien.

la traduction ne fonctionne toujours pas.

voici mon .html (l'étoile correspond à un texte remplacé):

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
      <title>*</title>
          <style type="text/css">
        #loading {
            position: absolute;
            left: 45%;
            top: 40%;
            padding: 2px;
            z-index: 20001;
            height: auto;
            border: 1px solid #ccc;
        }
 
 
 
 
        #loading a {
            color: #225588;
        }
 
        #loading .loading-indicator {
            background: white;
            color: #444;
            font: bold 13px tahoma, arial, helvetica;
            padding: 10px;
            margin: 0;
            height: auto;
        }
 
        #loading-msg {
            font: normal 10px arial, tahoma, sans-serif;
        }
    </style>
    <link rel="stylesheet" href="Charts.css">
 
    <script type="text/javascript">
        function formatCurrencyAxisLabel(value) {
            return YAHOO.util.Number.format(value,
            {
                prefix: "$",
                thousandsSeparator: ",",
                decimalPlaces: 2
            });
        }
 
        function getDataTipText(item, index, series) {
            var toolTipText = series.displayName + " for " + item.month;
            toolTipText += "\n" + formatCurrencyAxisLabel(item[series.yField]);
            return toolTipText;
        }
    </script>
 
    <link rel="stylesheet" href="Charts.css" />
      <link type="text/css" rel='stylesheet' href='*.css' />
      <link rel="stylesheet" href="js/ext/resources/css/ext-all.css" />
 
	  <script language="javascript" src="js/ext/adapter/ext/ext-base.js"></script>
	  <script language="javascript" src="js/ext/ext-all.js"></script> 
	 <script type="text/javascript" src="js/ext/locale/ext-lang-fr.js"></script>
 
   </head>
   <body>
      <iframe id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>
 
 
      <!-- The GWT js file generated at run time -->
      <script type="text/javascript" src='fr.tm.*.nocache.js'></script>
   </body>
</html>

et le fichier ext-lang-fr.js

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
/*
 * France (France) translation
 * By Thylia
 * 09-11-2007, 02:22 PM
 */
 
Ext.UpdateManager.defaults.indicatorText = '<div class="loading-indicator">En cours de chargement...</div>';
 
if(Ext.View){
   Ext.View.prototype.emptyText = "";
}
 
if(Ext.grid.Grid){
   Ext.grid.Grid.prototype.ddText = "{0} ligne(s) sélectionnée(s)";
}
 
if(Ext.TabPanelItem){
   Ext.TabPanelItem.prototype.closeText = "Fermer cet onglet";
}
 
if(Ext.form.Field){
   Ext.form.Field.prototype.invalidText = "La valeur de ce champ est invalide";
}
 
if(Ext.LoadMask){
    Ext.LoadMask.prototype.msg = "En cours de chargement...";
}
 
Date.monthNames = [
   "Janvier",
   "Février",
   "Mars",
   "Avril",
   "Mai",
   "Juin",
   "Juillet",
   "Août",
   "Septembre",
   "Octobre",
   "Novembre",
   "Décembre"
];
 
Date.getShortMonthName = function(month) {
  return Date.monthNames[month].substring(0, 3);
};
 
Date.monthNumbers = {
  Jan : 0,
  Feb : 1,
  Mar : 2,
  Apr : 3,
  May : 4,
  Jun : 5,
  Jul : 6,
  Aug : 7,
  Sep : 8,
  Oct : 9,
  Nov : 10,
  Dec : 11
};
 
Date.getMonthNumber = function(name) {
  return Date.monthNumbers[name.substring(0, 1).toUpperCase() + name.substring(1, 3).toLowerCase()];
};
 
Date.dayNames = [
   "Dimanche",
   "Lundi",
   "Mardi",
   "Mercredi",
   "Jeudi",
   "Vendredi",
   "Samedi"
];
 
Date.getShortDayName = function(day) {
  return Date.dayNames[day].substring(0, 3);
};
 
if(Ext.MessageBox){
   Ext.MessageBox.buttonText = {
      ok     : "OK",
      cancel : "Annuler",
      yes    : "Oui",
      no     : "Non"
   };
}
 
if(Ext.util.Format){
   Ext.util.Format.date = function(v, format){
      if(!v) return "";
      if(!(v instanceof Date)) v = new Date(Date.parse(v));
      return v.dateFormat(format || "d/m/Y");
   };
}
 
if(Ext.DatePicker){
   Ext.apply(Ext.DatePicker.prototype, {
      todayText         : "Aujourd'hui",
      minText           : "Cette date est antérieure à la date minimum",
      maxText           : "Cette date est postérieure à la date maximum",
      disabledDaysText  : "",
      disabledDatesText : "",
      monthNames		: Date.monthNames,
      dayNames			: Date.dayNames,
      nextText          : 'Mois suivant (CTRL+Flèche droite)',
      prevText          : "Mois précédent (CTRL+Flèche gauche)",
      monthYearText     : "Choisissez un mois (CTRL+Flèche haut ou bas pour changer d'année.)",
      todayTip          : "{0} (Barre d'espace)",
      okText            : " OK ",
      cancelText        : "Annuler",
      format            : "d/m/y",
      startDay          : 1
   });
}
 
if(Ext.PagingToolbar){
   Ext.apply(Ext.PagingToolbar.prototype, {
      beforePageText : "Page",
      afterPageText  : "sur {0}",
      firstText      : "Première page",
      prevText       : "Page précédente",
      nextText       : "Page suivante",
      lastText       : "Dernière page",
      refreshText    : "Actualiser la page",
      displayMsg     : "Page courante {0} - {1} sur {2}",
      emptyMsg       : 'Aucune donnée à afficher'
   });
}
 
if(Ext.form.TextField){
   Ext.apply(Ext.form.TextField.prototype, {
      minLengthText : "La longueur minimum de ce champ est de {0} caractères",
      maxLengthText : "La longueur maximum de ce champ est de {0} caractères",
      blankText     : "Ce champ est obligatoire",
      regexText     : "",
      emptyText     : null
   });
}
 
if(Ext.form.NumberField){
   Ext.apply(Ext.form.NumberField.prototype, {
      minText : "La valeur minimum de ce champ doit être de {0}",
      maxText : "La valeur maximum de ce champ doit être de {0}",
      nanText : "{0} n'est pas un nombre valide"
   });
}
 
if(Ext.form.DateField){
   Ext.apply(Ext.form.DateField.prototype, {
      disabledDaysText  : "Désactivé",
      disabledDatesText : "Désactivé",
      minText           : "La date de ce champ ne peut être antérieure au {0}",
      maxText           : "La date de ce champ ne peut être postérieure au {0}",
      invalidText       : "{0} n'est pas une date valide - elle doit être au format suivant: {1}",
      format            : "d/m/y",
      altFormats        : "d/m/Y|d-m-y|d-m-Y|d/m|d-m|dm|dmy|dmY|d|Y-m-d"
   });
}
 
if(Ext.form.ComboBox){
   Ext.apply(Ext.form.ComboBox.prototype, {
      loadingText       : "En cours de chargement...",
      valueNotFoundText : undefined
   });
}
 
if(Ext.form.VTypes){
   Ext.apply(Ext.form.VTypes, {
      emailText    : 'Ce champ doit contenir une adresse email au format: "usager@domaine.com"',
      urlText      : 'Ce champ doit contenir une URL au format suivant: "http:/'+'/www.domaine.com"',
      alphaText    : 'Ce champ ne peut contenir que des lettres et le caractère souligné (_)',
      alphanumText : 'Ce champ ne peut contenir que des caractères alphanumériques ainsi que le caractère souligné (_)'
   });
}
 
if(Ext.form.HtmlEditor){
   Ext.apply(Ext.form.HtmlEditor.prototype, {
      createLinkText : "Veuillez entrer l'URL pour ce lien:",
          buttonTips : {
              bold : {
                  title: 'Gras (Ctrl+B)',
                  text: 'Met le texte sélectionné en gras.',
                  cls: 'x-html-editor-tip'
              },
              italic : {
                  title: 'Italique (Ctrl+I)',
                  text: 'Met le texte sélectionné en italique.',
                  cls: 'x-html-editor-tip'
              },
              underline : {
                  title: 'Souligné (Ctrl+U)',
                  text: 'Souligne le texte sélectionné.',
                  cls: 'x-html-editor-tip'
              },
              increasefontsize : {
                  title: 'Agrandir la police',
                  text: 'Augmente la taille de la police.',
                  cls: 'x-html-editor-tip'
              },
              decreasefontsize : {
                  title: 'Réduire la police',
                  text: 'Réduit la taille de la police.',
                  cls: 'x-html-editor-tip'
              },
              backcolor : {
                  title: 'Couleur de surbrillance',
                  text: 'Modifie la couleur de fond du texte sélectionné.',
                  cls: 'x-html-editor-tip'
              },
              forecolor : {
                  title: 'Couleur de police',
                  text: 'Modifie la couleur du texte sélectionné.',
                  cls: 'x-html-editor-tip'
              },
              justifyleft : {
                  title: 'Aligner à gauche',
                  text: 'Aligne le texte à gauche.',
                  cls: 'x-html-editor-tip'
              },
              justifycenter : {
                  title: 'Centrer',
                  text: 'Centre le texte.',
                  cls: 'x-html-editor-tip'
              },
              justifyright : {
                  title: 'Aligner à droite',
                  text: 'Aligner le texte à droite.',
                  cls: 'x-html-editor-tip'
              },
              insertunorderedlist : {
                  title: 'Liste à puce',
                  text: 'Démarre une liste à puce.',
                  cls: 'x-html-editor-tip'
              },
              insertorderedlist : {
                  title: 'Liste numérotée',
                  text: 'Démarre une liste numérotée.',
                  cls: 'x-html-editor-tip'
              },
              createlink : {
                  title: 'Lien hypertexte',
                  text: 'Transforme en lien hypertexte.',
                  cls: 'x-html-editor-tip'
              },
              sourceedit : {
                  title: 'Code source',
                  text: 'Basculer en mode édition du code source.',
                  cls: 'x-html-editor-tip'
              }
        }
   });
}
 
if(Ext.form.TimeField){
   Ext.apply(Ext.form.TimeField.prototype, {
      minText     : "L'heure de ce champ ne peut être antérieure au {0}",
      maxText     : "L'heure de ce champ ne peut être postérieure au {0}",
      invalidText : "{0} n'est pas une heure valide",
      format      : "H:i",
      altFormats  : "g:ia|g:iA|g:i a|g:i A|h:i|g:i|H:i|ga|h a|g a|g A|gi|hi|Hi|gia|hia|g|H"
   });
}
 
if(Ext.grid.GridView){
   Ext.apply(Ext.grid.GridView.prototype, {
      sortAscText  : "Tri croissant",
      sortDescText : "Tri décroissant",
      lockText     : "Verrouiller la colonne",
      unlockText   : "Déverrouiller la colonne",
      columnsText  : "Colonnes"
   });
}
 
if(Ext.grid.GroupingView){
   Ext.apply(Ext.grid.GroupingView.prototype, {
      emptyGroupText : '(Aucun)',
      groupByText    : 'Grouper par ce champ',
      showGroupsText : 'Afficher par groupes'
   });
}
 
if(Ext.grid.PropertyColumnModel){
   Ext.apply(Ext.grid.PropertyColumnModel.prototype, {
      nameText   : "Propriété",
      valueText  : "Valeur",
      dateFormat : "d/m/Y"
   });
}
 
if(Ext.layout.BorderLayout.SplitRegion){
   Ext.apply(Ext.layout.BorderLayout.SplitRegion.prototype, {
      splitTip            : "Cliquer et glisser pour redimensionner le panneau.",
      collapsibleSplitTip : "Cliquer et glisser pour redimensionner le panneau. Double-cliquer pour le cacher."
   });
}

**aurelientp** · 17/06/2008, 12h31

La traduction fonctionne désormais lorsque le module est compilé et ouvert dans mozilla ou IE, toujours pas dans le hosted mode mais ce n'est pas grave

---

J'avais le même problème avec les charts qui ne fonctionnent pas en hosted mode mais qui s'affichent correctement une fois compilés

merci !

**erin.erin31** · 06/03/2009, 15h48

Bonjour,

J'ai fait tout ce qui a été dit mais quand je passe au débugger sur firebug Ext.UpdateManager n'est pas défini et ça plante sur cette première ligne du script ext-lang-fr.js :

Ext.UpdateManager.defaults.indicatorText = '<div class="loading-indicator">En cours de chargement...</div>';

Merci pour votre aide !

**erin.erin31** · 06/03/2009, 15h57

Envoyé par erin.erin31

Bonjour,

J'ai fait tout ce qui a été dit mais quand je passe au débugger sur firebug Ext.UpdateManager n'est pas défini et ça plante sur cette première ligne du script ext-lang-fr.js :

Ext.UpdateManager.defaults.indicatorText = '<div class="loading-indicator">En cours de chargement...</div>';

Merci pour votre aide !

OK it is solved : it was because ext-all.js msut be executed before !

But it still does not work ! context menus in gridview are always in english :-(

**Torg666** · 06/03/2009, 16h34

Perso j'ai fais comme çà:

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
 
<head>
...(j'vous passe les style)
<link rel="stylesheet" type="text/css"
	href="js/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css"
	href="js/resources/css/xtheme-gray.css" />
<script type="text/javascript" src="js/adapter/yui/yui-utilities.js"></script>
<script type="text/javascript" src="js/adapter/yui/ext-yui-adapter.js"></script>
<script type="text/javascript" src="js/ext-all.js"></script>
<script type="text/javascript" src="js/source/locale/ext-lang-fr.js"></script>
</head>
<body>
<script type="text/javascript" language="javascript"
	src="webpage.GeoLoc.nocache.js">
   		</script>
<iframe src="javascript:''" id="__gwt_historyFrame"
	style="width: 0; height: 0; border: 0"> </iframe>
</body>

C'est quand mieux les datefield avec les mots en français

**leamsi** · 19/03/2009, 18h11

voici ma page html

<html>
<head>

<title>BCT</title>

<meta name='gwt:module' content='fr.gpsa.agira.bct.BCT' />
<meta name="gwt:property" content="locale=fr">

<link rel="stylesheet" type="text/css" href="css/ext-all.css" />

<script type="text/javascript" src="ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="ext-lang-fr.js"></script>

</head>

<body style=" height : 155px;">

<script language="javascript" src="fr.gpsa.bct.presentation.web.gwt.BCT.nocache.js"></script>

<iframe id="__gwt_historyFrame" style="width: 0; height: 0; border: 0"></iframe>

</body>

je n avais pas de fichier ext-lang-fr.js dans donc j ai copie le contenu de celui qui est au dessus. Mais mes DateField sont tjrs en englais. merci d avnce pour votre aide

**Torg666** · 24/03/2009, 12h53

Alors, y a un truc à savoir.
Dans mon cas j'utilise Eclipse et si je copie des fichier dans les répertoires il faut que je copie les fichiers de mon explorateur et que je les colle dans l'explorateur d'eclipse... sinon il n'en tiens pas compte.
Alors c'est peut etre moi qui est pas configurer Eclipse comme il faut mais pour l'instant j'ai pas trouver d'autre solution et c'est pas très contraignant... faut juste le savoir.
Autre chose aussi, le fichier faut pas le copie n'importe où, pour qu'il soit bien interprété il faut qu'il soit au bon endroit... après tout c'est du javascipt donc normal qu'il soit dans le répertoire JS.
Surtout dites moi si je dis des bêtises, je suis pas encore super au point sur GWT... ni même sur java d'ailleur

**moonair** · 24/03/2009, 23h49

Envoyé par Torg666

Alors, y a un truc à savoir.
Dans mon cas j'utilise Eclipse et si je copie des fichier dans les répertoires il faut que je copie les fichiers de mon explorateur et que je les colle dans l'explorateur d'eclipse... sinon il n'en tiens pas compte.
Alors c'est peut etre moi qui est pas configurer Eclipse comme il faut mais pour l'instant j'ai pas trouver d'autre solution et c'est pas très contraignant... faut juste le savoir.

Il faut juste sélectionner ton projet sur Eclipse, et faire F5 pour rafraichir.

**nanina00** · 18/10/2010, 14h01

bonjour à tous,

J'aimerai créer de lien hypertext sur ma page Wrapper mais je ne sais pas comment le créer avec gwtext+cypal si vous avez un exemple à me fournir ou un conseil. J'ai regardé sur http://www.gwt-ext.com/demo/ mais pas d'exemple. Merci d'avance.

traduction des composants : en français (gwt-ext)

GWT et Vaadin Java

Discussions similaires

Partager

Partager