[DOM] fonctions de manipulation de dates

Version imprimable

1 pièce(s) jointe(s)

Bonjour à tous,

Jusqu'à ce jour, je n'avais jamais utilisé la propriétés 'prototype' des objet javascript. Par hasard, je suis tombé sur le site http://www.pifex.fr/, sur lequel il y a, entre autres, une fonction de manipulation de dates qui utilise les mêmes paramètres que la fonction 'date' de PHP.
J'ai trouvé l'idée intéressante, et j'ai donc décidé de réécrire en javascript, avec l'utilisation des prototypes, 3 fonctions de l'objet DateTime de PHP 5.1.
Je vous soumets donc le résultat de ces intenses cogitations, dans le but de recevoir des critiques, des corrections de bugs éventuels ou des améliorations (optimisation ou autres).
Voici le code javascript :

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
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
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
//---------------------------------------------------------------
//------ Nom du fichier : dateBibliotheque.js -------------------
//--------------------------------------------------------------- 
var jour = new Array();
var suffixe = new Array();
var mois = new Array();
var nbJour = new Array();
 
//-- langue du navigateur -------------------------------------------
var langue = navigator.language;
 
init();
 
function init()
{
  //-- création des noms de jours ---------------------------------
  jour['court'] = ['fr', 'en' ];
  jour['court']['fr'] = {1 : 'lun', 2 : 'mar', 3 : 'mer', 4 : 'jeu', 5 : 'ven', 6 : 'sam', 7 : 'dim'};
  jour['court']['en'] = {1 : 'Mon', 2 : 'Tue', 3 : 'Wed', 4 : 'Thu', 5 : 'Fri', 6 : 'Sat', 7 : 'Sun'};
  jour['long'] = ['fr', 'en' ];
  jour['long']['fr'] = {1 : 'lundi', 2 : 'mardi', 3 : 'mercredi', 4 : 'jeudi', 5 : 'vendredi', 6 : 'samedi', 7 : 'dimanche'};
  jour['long']['en'] = {1 : 'Monday', 2 : 'Tueday', 3 : 'Wednesday', 4 : 'Thuesday', 5 : 'Friday', 6 : 'Saturday', 7 : 'Sunday'};
 
  //-- création des suffixes ordinaux ----------------------------
  suffixe['en'] = {1 : 'st', 2 : 'nd', 3 : 'rd'};
  suffixe['fr'] = {1 : 'er'};
 
  //-- création des noms de mois ---------------------------------
  mois['court'] = ['fr', 'en'];
  mois['court']['fr'] = {1 : 'jan', 2 : 'fév', 3 : 'mar', 4 : 'avr', 5 : 'mai', 6 : 'jui', 7 : 'juil', 8 : 'août', 9 : 'sep', 10 : 'oct', 11 : 'nov', 12 : 'déc'};
  mois['court']['en'] = {1 : 'jan', 2 : 'feb', 3 : 'mar', 4 : 'apr', 5 : 'may', 6 : 'jun', 7 : 'jul', 8 : 'aug', 9 : 'sep', 10 : 'oct', 11 : 'nov', 12 : 'dec'};
  mois['long'] = ['fr', 'en'];
  mois['long']['fr'] = {1 : 'janvier', 2 : 'février', 3 : 'mars', 4 : 'avril', 5 : 'mai', 6 : 'juin', 7 : 'juillet', 8 : 'août', 9 : 'septembre', 10 : 'octobre', 11 : 'novembre', 12 : 'décembre'};
  mois['long']['en'] = {1 : 'january', 2 : 'february', 3 : 'march', 4 : 'april', 5 : 'may', 6 : 'june', 7 : 'july', 8 : 'august', 9 : 'september', 10 : 'october', 11 : 'november', 12 : 'december'};
 
  //-- création du nombre de jours par mois ---------------------------
  nbJour = {1 : 31, 2 : 28, 3 : 31, 4 : 30, 5 : 31, 6 : 30, 7 : 31, 8 : 31, 9 : 30, 10 : 31, 11 : 30, 12 : 31};
 
  //-- création des noms de fonctions (lettres de format + fonctions diverses) -------------
  fonctionFormat = ['a', 'A', 'B', 'g', 'G', 'h', 'H', 'i', 's', 'u', 'd', 'D', 'j', 'l', 'N', 
                    'S', 'z', 'W', 'F', 'm', 'M', 'n', 't', 'Y', 'L', 'I', 'O', 'P', 'Z', 'c', 
                    'r', 'U'];
  fonctionDivers = ['fixeDate', 'fixeHeure', 'format', 'modifie'];
 
  //-- initialisation des prototypes -----------------------------
  for (var cle in fonctionFormat)
  {
    eval('Date.prototype.' + fonctionFormat[cle]  + ' = ' + fonctionFormat[cle]);
  }
 
  for (var cle in fonctionDivers)
  {
    eval('Date.prototype.' + fonctionDivers[cle]  + ' = ' + fonctionDivers[cle]);
  }
}      
 
//----------------------------------------------------------
//-- fonctions de formatage --------------------------------
//----------------------------------------------------------
 
//----------------------------------------------------------
//-- fonctions de formatage d'heures -----------------------
//----------------------------------------------------------
function a()
{
  //-- am ou pm ---------------- 
  return (this.G() <= 12) ? 'am' : 'pm';
}
 
function A()
{
  //-- AM ou PM ----------------        
  return this.a().toUpperCase();
}
 
function B()
{
  //-- Heure Internet Swatch -------------------------------
  //-- décalage swatch par rapport à UTC : 3600 secondes ---
  var ts = (this.getUTCHours() * 3600) + (this.getUTCMinutes() * 60) + this.getUTCSeconds() + 3600;
  if (ts > 86400)
    ts -= 86400;
  var heure = Math.floor(ts / 86.4);
  heure = (heure < 10) ? heure = '00' + heure : (heure < 100) ?  heure = '0' + heure : heure;
  return '@' + heure;
}
 
function g()
{
  //-- Heure, au format 12h, sans les zéros initiaux -------
  return (this.G() <= 12) ? this.G() : this.G() - 12;
}
 
function G()
{
  //-- Heure, au format 24h, sans les zéros initiaux -------
  return this.getHours();
}
 
function h()
{
  //-- Heure, au format 12h, avec les zéros initiaux -------
  return (this.g() < 10) ? '0' + this.g() : this.g();
}
 
function H()
{
  //-- Heure, au format 24h, avec les zéros initiaux -------
  return (this.getHours() < 10) ? '0' + this.getHours() : this.getHours();
}
 
function i()
{
  //-- Minutes avec les zéros initiaux ---------------------
  return (this.getMinutes() < 10) ? '0' + this.getMinutes() : this.getMinutes();
}
 
function s()
{
  //-- Secondes, avec zéros initiaux -----------------------
  return (this.getSeconds() < 10) ? '0' + this.getSeconds() : this.getSeconds();
}
 
function u()
{
  //-- Millisecondes depuis l'époque Unix (1er Janvier 1970, 0h00 00s GMT) -------------------------------------
  return this.getTime();
}
 
//----------------------------------------------------------
//-- fonctions de formatage de jours -----------------------
//----------------------------------------------------------
function d()
{
  //-- Jour du mois, avec un zéro initial -----------------------
  return (this.j() < 10) ? '0' + this.j() : this.j();
}
 
function D()
{
  //-- Jour de la semaine, en trois lettres -------------------------------
  return jour['court'][langue][this.N()].substr(0, 3);
}
 
function j()
{
  //-- Jour du mois sans les zéros initiaux -------------------------------
  return this.getDate();
}
 
function l()
{
  //-- (L minuscule) Jour de la semaine, version longue -------------------------------
  return jour['long'][langue][this.N()];
}
 
function N()
{
  //-- Représentation numérique ISO-8601 du jour de la semaine (lundi => 1, dimanche => 7 ---------
  return (this.getDay() == 0) ? 7 : this.getDay();
}
 
function S()
{
  //-- Suffixe ordinal d'un nombre pour le jour du mois, en anglais, sur deux lettres -------------
  var jour = this.j();
  return (suffixe[langue][jour] != undefined) ? suffixe[langue][jour] : '';
}
 
function z()
{
  //-- Jour de l'année 	0 à 366  -------------------------------
  var dateTmp = new Date(this.Y(), 0, 1);
  var tsDebutAnnee = dateTmp.U();
//  return Math.ceil(Math.abs((this.U() - tsDebutAnnee) / 86400)) + 1;
  return Math.ceil(Math.abs((this.U() - tsDebutAnnee) / 86400));
}
 
//----------------------------------------------------------
//-- fonctions de formatage de semaines --------------------
//----------------------------------------------------------
function W()
{   
  //-- N° de semaine dans l'année ISO-8601, commence le lundi -----
	//-- code de JR Stockton -----------------------------------
	//-- http://www.merlyn.demon.co.uk -------------------------
  var dateTmp = new Date(this)
	with (dateTmp)
	{
	  var leJour = d();
	  var leMois = m();
		var numeroJour = N();
		setDate(j() - (numeroJour + 6) % 7 + 3); // Nearest Thu
		var ms = valueOf(); // GMT
		setMonth(0, 4); // Jan 4 is in Week 1 for ISO 8601
		var numero = Math.round((ms - valueOf()) / (7 * 86400000)) + 1;
		setMonth(leMois, leJour); // Jan 4 is in Week 1 for ISO 8601
	}
  return numero;
}
 
//----------------------------------------------------------
//-- fonctions de formatage de mois ------------------------
//----------------------------------------------------------
function F()
{   
  //-- Mois, textuel, version longue ---------------------------------
  return mois['long'][langue][this.n()];
}
 
function m()
{   
  //-- Mois au format numérique, avec zéros initiaux ------------------
  return (this.n() < 10 ? '0' + this.n() : this.n());
}
 
function M()
{   
  //-- Mois, en trois lettres -----------------------------------------
  return mois['court'][langue][this.n()];
//  return this.F().substr(0, lgCoupe[langue]);
}
 
function n()
{   
  //-- Mois sans les zéros initiaux ------------------------------------
  return this.getMonth() + 1;
}
 
function t()
{   
  //-- Nombre de jours dans le mois 28 à 31 --------------------------
//  var leMois = this.n() - 1;
  var leMois = this.n();
  var nb = nbJour[leMois];
  if(leMois == 2) 
//    nb += this.L(this.Y());
    nb += this.L();
  return nb;
}
 
//----------------------------------------------------------
//-- fonctions de formatage d'année ------------------------
//----------------------------------------------------------
function Y()
{   
  //-- Année sur 4 chiffres -------------------------------------------
  return this.getFullYear();
}
 
function L()
{   
  //-- Année bissextile : 1 ou 0 ---------------------------------------
  if (((this.Y() % 4 == 0) && (this.Y() % 100 != 0)) || (this.Y() % 400 == 0)) return 1;
  return 0;
}      
 
//----------------------------------------------------------
//-- Fuseau horaire ----------------------------------------
//----------------------------------------------------------
function I()
{
  //-- heure d'été : activée = 1, désactivée = 2 -----------
  var dateTmp = new Date(this.Y(), 0, 1);
  var offsetDebutAnnee = dateTmp.O();
  if(this.P() > offsetDebutAnnee)
  {
    return 1;
  }
  return 0;
}
 
function O()
{   
  //-- Différence d'heures avec l'heure de Greenwitch exprimée en heures 	Exemple : +0200  -------------------------------------------
  var decalage = this.Z();
  var signe = (decalage <= 0) ? '-' : '+';
  var heure = new String(100 + Math.abs(Math.floor(decalage / 3600))).substr(1);
  var minute = new String(100 + (decalage % 3600)).substr(1);
  return signe + heure + minute;
}
 
function P()
{   
  //-- Différence avec l'heure de Greenwitch avec un double point entre les heures et les minutes 	Exemple : +02:00 ---------------------------------------
  var heure = this.O();
  return heure.substr(0, 3) + ':' + heure.substr(3);
}
 
function Z()
{   
  //-- Décalage horaire en secondes. Le décalage des zones à l'ouest de la zone UTC est négative, et à l'est, il est positif. 	-43200 à 50400 ---------------------------------------
  return this.getTimezoneOffset() * 60 * -1;
}
 
//----------------------------------------------------------
//-- Date et Heure complète --------------------------------
//----------------------------------------------------------
function c()
{ 
  //-- Date au format ISO 8601 (ajouté en PHP 5) 	2004-02-12T15:19:21+00:00 ---------------------------------------
  var date = this.Y() + '-' + this.m() + '-' + this.d();
  var heure = this.H() + ':' + this.i() + ':' + this.s();
  var offset = this.P();
  return date + 'T' + heure + offset;
}      
 
function r()
{   
  //-- Format de date » RFC 2822 	Exemple : Thu, 21 Dec 2000 16:01:07 +0200 ---------------------------------------
//  var date =  jour['en'][this.N()].substr(0, lgCoupe['en']) + ', ' + this.d() + ' ' + mois['court']['en'][this.n()].substr(0, lgCoupe['en']) + ' ' + this.Y();
  var date =  jour['court']['en'][this.N()] + ', ' + this.d() + ' ' + mois['court']['en'][this.n()] + ' ' + this.Y();
  var heure = this.H() + ':' + this.i() + ':' + this.s();
  var offset = this.O();
  return date + ' ' + heure + ' ' + offset;
}      
 
function U()
{   
  //-- Secondes depuis l'époque Unix (1er Janvier 1970, 0h00 00s GMT) -------------------------------------
  return Math.floor(this.u() / 1000);
}      
 
//----------------------------------------------------------
//-- Fonctions diverses ------------------------------------
//----------------------------------------------------------
function fixeDate(annee, mois, jour)
{
  this.setFullYear(annee, mois - 1, jour);
}
 
function fixeHeure(heure, minute, seconde)
{
  this.setHours(heure, minute, seconde);
}
 
function modifie(parametre)
{
  //-- mots clés permettant de décaler la date vers le passé ou l'avenir ---------
  //-- les mots se trouvant sur une même ligne ont une valeur équivalente --------
  var lesTypes = {
                  'year' : 'ok', 'years' : 'ok', 'année' : 'ok', 'années' : 'ok',
                  'month' : 'ok', 'months' : 'ok', 'mois' : 'ok',
                  'week' : 'ok', 'weeks' : 'ok', 'semaine' : 'ok', 'semaines' : 'ok',
                  'day' : 'ok', 'days' : 'ok', 'jour' : 'ok', 'jours' : 'ok',
                  'hour' : 'ok', 'hours' : 'ok', 'heure' : 'ok', 'heures' : 'ok',
                  'minute' : 'ok', 'minutes' : 'ok', 
                  'second' : 'ok', 'seconds' : 'ok', 'seconde' : 'ok', 'secondes' : 'ok',
                  'yesterday' : -1, 'hier' : -1,
                  'now' : 0, 'maintenant' : 0, 'aujourdhui' : 0,
                  'tomorrow' : 1, 'demain' : 1,
                  'monday' : 1, 'lundi' : 1,
                  'tuesday' : 2, 'mardi' : 2,
                  'wednesday' : 3, 'mercredi' : 3,
                  'thursday' : 4, 'jeudi' : 4,
                  'friday' : 5, 'vendredi' : 5,
                  'saturday' : 6, 'samedi' : 6,
                  'sunday' : 7, 'dimanche' : 7
                 };
  var tableau = parametre.toLowerCase().split(' ');
  var nb = tableau.length;
  var i = 0;
  while (i < nb)
  {
    var type = (tableau[i + 1] != undefined) ? tableau[i + 1] : tableau[i];
    if (lesTypes[type] != undefined)
    {
      switch (type)
      {
        case 'weeks' :
        case 'week' :
        case 'semaine' :
        case 'semaines' :
          type = 'day';
          if(
              (tableau[i] == 'next') || 
              (tableau[i] == 'first') ||
              (tableau[i] == 'suivant') || 
              (tableau[i] == 'suivante') || 
              (tableau[i] == 'prochain') ||
              (tableau[i] == 'prochaine')
            )
            tableau[i] = '+7';
          if(
              (tableau[i] == 'last') || 
              (tableau[i] == 'previous') ||
              (tableau[i] == 'précédent') ||
              (tableau[i] == 'précédente') 
            )
            tableau[i] = '-7';
          break;
 
        case 'yesterday' :
        case 'hier' :
        case 'now' :
        case 'aujourdhui' :
        case 'maintenant' :
        case 'tomorrow' :
        case 'demain' :
          tableau[i] = lesTypes[type];
          type = 'day';
          break;
 
        case 'monday' :
        case 'tuesday' :
        case 'wednesday' :
        case 'thursday' :
        case 'friday' :
        case 'saturday' :
        case 'sunday' :
        case 'lundi' :
        case 'mardi' :
        case 'mercredi' :
        case 'jeudi' :
        case 'vendredi' :
        case 'samedi' :
        case 'dimanche' :
          var numJour = lesTypes[type];
          type = 'day';
          if(
              (tableau[i] == 'next') || 
              (tableau[i] == 'first') ||
              (tableau[i] == 'suivant') || 
              (tableau[i] == 'suivante') || 
              (tableau[i] == 'prochain') ||
              (tableau[i] == 'prochaine')
            )
            tableau[i] = 7 - this.N() + numJour;
          if(
              (tableau[i] == 'last') || 
              (tableau[i] == 'previous') ||
              (tableau[i] == 'précédent') ||
              (tableau[i] == 'précédente') 
            )
          {
            if ((numJour - this.N()) == 0)
              tableau[i] = -7;
            else if (numJour > this.N())
              tableau[i] = (7 - numJour + this.N()) * -1;
            else
              tableau[i] = numJour - this.N();
          }
          break;
 
        default :
          if(
              (tableau[i] == 'next') || 
              (tableau[i] == 'first') ||
              (tableau[i] == 'suivant') || 
              (tableau[i] == 'prochain')
            )
            tableau[i] = '+1';
          if(
              (tableau[i] == 'last') || 
              (tableau[i] == 'previous') ||
              (tableau[i] == 'précédent') 
            )
            tableau[i] = '-1';
          break;
      }
    }
 
    var valeur = new Number(tableau[i]);
    switch (type)
    {
      case 'years' :
      case 'year' :
      case 'année' :
      case 'années' :
        this.setFullYear(this.Y() + valeur); 
        break;
 
      case 'months' :
      case 'month' :
      case 'mois' :
        this.setMonth(this.n() + valeur - 1); 
        break;
 
      case 'days' :
      case 'day' :
      case 'jour' :
      case 'jours' :
        this.setDate(this.j() + valeur);
        break;
 
      case 'hours' :
      case 'hour' :
      case 'heure' :
      case 'heures' :
        this.setHours(parseInt(this.H(), 10) + valeur); 
        break;
 
      case 'minutes' :
      case 'minute' :
        this.setMinutes(parseInt(this.i(), 10) + valeur); 
        break;
 
      case 'seconds' :
      case 'second' :
      case 'seconde' :
      case 'secondes' :
        this.setSeconds(parseInt(this.s(), 10) + valeur); 
        break;
    }
    i += 2;
  }
  return this.U();
}
 
function format(parametre)
{
  var resultat = '';
 
  var chaineFormat = fonctionFormat.join('');
  var lg = parametre.length;
  var i = 0;
  while (i < lg)
  {
    if (parametre[i] == '\\')
    {
      resultat += parametre[i + 1];
      i ++;
    }
    else if (chaineFormat.indexOf(parametre[i]) != -1)
    {
      var position = chaineFormat.indexOf(parametre[i]);
      resultat += eval('this.' + chaineFormat.charAt(position) + '()');
    }
    else
    {
      resultat += parametre[i];
    }
    i ++;
  }
  return resultat;
}
//---------------------------------------------------------------
//---------------------------------------------------------------
//---------------------------------------------------------------

Un petit HTML d'exemple :

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
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title></title>
    <script type="text/javascript" src="dateBibliotheque.js"></script>
    <script type="text/javascript">
      function exemple()
      {
        //-- instanciation d'un objet date ---------------------------------------------------
        var laDate = new Date();
        var lannee = 2008;
        var leMois = 11;
        var leJour = 30;
        //-- fixation de la date de travail -------------------------------------
        laDate.fixeDate(lannee, leMois, leJour);
        document.getElementById('origine').innerHTML = laDate.format('\\d\\a\\t\\e \\d\\\'\\o\\r\\i\\g\\i\\n\\e \\: l jS F Y \\s\\e\\m\\a\\i\\n\\e \\n\\° W');
        //-- modification de la date de travail ---------------------------------
        var chaineFormat = '+1 année -1 mois -2 jour';
        document.getElementById('format').innerHTML = 'paramètres de modification de la date : ' + chaineFormat;
        laDate.modifie(chaineFormat) + '<br>';
        //-- affichage de la nouvelle date --------------------------------------
        document.getElementById('resultat').innerHTML = laDate.format('\\n\\o\\u\\v\\e\\l\\l\\e \\d\\a\\t\\e \\: l jS F Y \\s\\e\\m\\a\\i\\n\\e \\n\\° W');
      }
    </script>
  </head>
  <body onload="exemple();">
    <p id="origine"></p>
    <p id="format"></p>
    <p id="resultat"></p>
  </body>
</html>

Et en pièce jointe, un texte de référence PDF.

Merci d'avance pour tous les avis éclairés.

21/11/2008, 13h11
SpaceFrog

heu marche pas chez moi sous IE :oops:
ça passe sou FFX
21/11/2008, 15h38
le_chomeur

il y a du bon et du mauvais ...
la source est propre mais l'instanciation par eval ==> :vomi:
pour le reste , l'objet date propose bon nombre de fonction de base que tu "réinvente" mais l'idée est bonne :)
21/11/2008, 16h25
jeca

Citation:

Envoyé par le_chomeur

...mais l'instanciation par eval ==> :vomi:

C'est parce que je suis une faignasse. Beaucoup moins de lignes à écrire. Mais je vais quand même essayer de changer cela afin de voir l'incidence sur le temps d'exécution.
Cela dit, n'étant pas un pro du JS, quel est le problème avec 'eval()' ?
En ce qui concerne les réinventions, c'est volontaire dans la mesure où je voulais pouvoir utiliser les mêmes paramètres qu'avec PHP.

Citation:

Envoyé par SpaceFrog

heu marche pas chez moi sous IE :oops:
ça passe sou FFX

Que la honte s'abatte sur moi : je n'ai pas testé avec IE que je n'utilise plus. Je vais m'y mettre illico.

Bonjour,

J'ai revu ma copie en fonction des 2 remarques précédentes :

plus d'instanciation avec 'eval()' ;
fonctionne avec IE 6 SP1, FF 3.04 et Opera 9.62

exemple.htm :

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
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title></title>
    <script type="text/javascript" src="dateBibliotheque.js"></script>
    <script type="text/javascript">
      function exemple()
      {
        var lannee = 2008;
        var leMois = 11;
        var leJour = 30;
        //-- instanciation d'un objet date ---------------------------------------------------
        var laDate = new Date(lannee, leMois, leJour);
        document.getElementById('origine').innerHTML = laDate.format('\\d\\a\\t\\e \\d\\\'\\o\\r\\i\\g\\i\\n\\e \\: l jS F Y \\s\\e\\m\\a\\i\\n\\e \\n\\° W');
        //-- affichage des parametres --------------------------------------------------------
        var parametre = '-8 année -1 mois -2 jour';
        document.getElementById('format').innerHTML = 'paramètres de modification de la date : ' + parametre;
        //-- modification de l'objet date ----------------------------------------------------
        laDate.modifie(parametre) + '<br>';
        //-- affichage de la nouvelle date ---------------------------------------------------
        document.getElementById('resultat').innerHTML = laDate.format('\\n\\o\\u\\v\\e\\l\\l\\e \\d\\a\\t\\e \\: l jS F Y \\s\\e\\m\\a\\i\\n\\e \\n\\° W');
      }      
    </script>
  </head>
  <body onload="exemple();">
    <p id="origine"></p>
    <p id="format"></p>
    <p id="resultat"></p>
  </body>
</html>

dateBibliotheque.js :

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
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
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
//---------------------------------------------------------------
//------ Nom du fichier : dateBibliotheque.js -------------------
//--------------------------------------------------------------- 
var objectJour = new Object();
var objectSuffixe = new Object();
var objectMois = new Object();
var objectNbJour = new Object();
var chaineFormat = '';
 
//-- langue du navigateur -------------------------------------------
if(navigator.language != undefined)
  var langue = navigator.language;
else if (navigator.userLanguage != undefined)
  var langue = navigator.userLanguage;
else
  var langue = 'fr';
 
initialisation();
 
function initialisation()
{
  //-- création des noms de jours ---------------------------------
  objectJour['court'] = {'fr' : 'en'};
  objectJour['court']['fr'] = {1 : 'lun', 2 : 'mar', 3 : 'mer', 4 : 'jeu', 5 : 'ven', 6 : 'sam', 7 : 'dim'};
  objectJour['court']['en'] = {1 : 'Mon', 2 : 'Tue', 3 : 'Wed', 4 : 'Thu', 5 : 'Fri', 6 : 'Sat', 7 : 'Sun'};
  objectJour['long'] = {'fr' : 'en' };
  objectJour['long']['fr'] = {1 : 'lundi', 2 : 'mardi', 3 : 'mercredi', 4 : 'jeudi', 5 : 'vendredi', 6 : 'samedi', 7 : 'dimanche'};
  objectJour['long']['en'] = {1 : 'Monday', 2 : 'Tueday', 3 : 'Wednesday', 4 : 'Thuesday', 5 : 'Friday', 6 : 'Saturday', 7 : 'Sunday'};
 
  //-- création des suffixes ordinaux ----------------------------
  objectSuffixe['en'] = {1 : 'st', 2 : 'nd', 3 : 'rd'};
  objectSuffixe['fr'] = {1 : 'er'};
 
  //-- création des noms de mois ---------------------------------
  objectMois['court'] = {'fr' : 'en'};
  objectMois['court']['fr'] = {1 : 'jan', 2 : 'fév', 3 : 'mar', 4 : 'avr', 5 : 'mai', 6 : 'jui', 7 : 'juil', 8 : 'août', 9 : 'sep', 10 : 'oct', 11 : 'nov', 12 : 'déc'};
  objectMois['court']['en'] = {1 : 'jan', 2 : 'feb', 3 : 'mar', 4 : 'apr', 5 : 'may', 6 : 'jun', 7 : 'jul', 8 : 'aug', 9 : 'sep', 10 : 'oct', 11 : 'nov', 12 : 'dec'};
  objectMois['long'] = {'fr' : 'en'};
  objectMois['long']['fr'] = {1 : 'janvier', 2 : 'février', 3 : 'mars', 4 : 'avril', 5 : 'mai', 6 : 'juin', 7 : 'juillet', 8 : 'août', 9 : 'septembre', 10 : 'octobre', 11 : 'novembre', 12 : 'décembre'};
  objectMois['long']['en'] = {1 : 'january', 2 : 'february', 3 : 'march', 4 : 'april', 5 : 'may', 6 : 'june', 7 : 'july', 8 : 'august', 9 : 'september', 10 : 'october', 11 : 'november', 12 : 'december'};
 
  //-- création du nombre de jours par mois ---------------------------
  objectNbJour = {1 : 31, 2 : 28, 3 : 31, 4 : 30, 5 : 31, 6 : 30, 7 : 31, 8 : 31, 9 : 30, 10 : 31, 11 : 30, 12 : 31};
 
  //-- chaine des formats disponibles pour la fonction format -------------------
  chaineFormat = 'aABgGhHisudDjlNSzWFmMntYLIOPZcrU';
 
  //-- instanciation des propriétés -----------------------------
  Date.prototype.a = a;
  Date.prototype.A = A;
  Date.prototype.B = B;
  Date.prototype.g = g;
  Date.prototype.G = G;
  Date.prototype.h = h;
  Date.prototype.H = H;
  Date.prototype.i = i;
  Date.prototype.s = s;
  Date.prototype.u = u;
  Date.prototype.d = d;
  Date.prototype.D = D;
  Date.prototype.j = j;
  Date.prototype.l = l;
  Date.prototype.N = N;  
  Date.prototype.S = S;
  Date.prototype.z = z;
  Date.prototype.W = W;
  Date.prototype.F = F;
  Date.prototype.m = m;
  Date.prototype.M = M;
  Date.prototype.n = n;
  Date.prototype.t = t;
  Date.prototype.Y = Y;
  Date.prototype.L = L;
  Date.prototype.I = I;
  Date.prototype.O = O;
  Date.prototype.P = F;
  Date.prototype.Z = Z;
  Date.prototype.c = c;
  Date.prototype.r = r;
  Date.prototype.U = U;  
  Date.prototype.fixeDate = fixeDate;
  Date.prototype.fixeHeure = fixeHeure;
  Date.prototype.format = format;
  Date.prototype.modifie = modifie;
}
 
//----------------------------------------------------------
//-- fonctions de formatage --------------------------------
//----------------------------------------------------------
 
//----------------------------------------------------------
//-- fonctions de formatage d'heures -----------------------
//----------------------------------------------------------
function a()
{
  //-- am ou pm ---------------- 
  return (this.G() <= 12) ? 'am' : 'pm';
}
 
function A()
{
  //-- AM ou PM ----------------        
  return this.a().toUpperCase();
}
 
function B()
{
  //-- Heure Internet Swatch -------------------------------
  //-- décalage swatch par rapport à UTC : 3600 secondes ---
  var ts = (this.getUTCHours() * 3600) + (this.getUTCMinutes() * 60) + this.getUTCSeconds() + 3600;
  if (ts > 86400)
    ts -= 86400;
  var heure = Math.floor(ts / 86.4);
  heure = (heure < 10) ? heure = '00' + heure : (heure < 100) ?  heure = '0' + heure : heure;
  return '@' + heure;
}
 
function g()
{
  //-- Heure, au format 12h, sans les zéros initiaux -------
  return (this.G() <= 12) ? this.G() : this.G() - 12;
}
 
function G()
{
  //-- Heure, au format 24h, sans les zéros initiaux -------
  return this.getHours();
}
 
function h()
{
  //-- Heure, au format 12h, avec les zéros initiaux -------
  return (this.g() < 10) ? '0' + this.g() : this.g();
}
 
function H()
{
  //-- Heure, au format 24h, avec les zéros initiaux -------
  return (this.getHours() < 10) ? '0' + this.getHours() : this.getHours();
}
 
function i()
{
  //-- Minutes avec les zéros initiaux ---------------------
  return (this.getMinutes() < 10) ? '0' + this.getMinutes() : this.getMinutes();
}
 
function s()
{
  //-- Secondes, avec zéros initiaux -----------------------
  return (this.getSeconds() < 10) ? '0' + this.getSeconds() : this.getSeconds();
}
 
function u()
{
  //-- Millisecondes depuis l'époque Unix (1er Janvier 1970, 0h00 00s GMT) -------------------------------------
  return this.getTime();
}
 
//----------------------------------------------------------
//-- fonctions de formatage de jours -----------------------
//----------------------------------------------------------
function d()
{
  //-- Jour du mois, avec un zéro initial -----------------------
  return (this.j() < 10) ? '0' + this.j() : this.j();
}
 
function D()
{
  //-- Jour de la semaine, en trois lettres -------------------------------
  return objectJour['court'][langue][this.N()].substr(0, 3);
}
 
function j()
{
  //-- Jour du mois sans les zéros initiaux -------------------------------
  return this.getDate();
}
 
function l()
{
  //-- (L minuscule) Jour de la semaine, version longue -------------------------------
  return objectJour['long'][langue][this.N()];
//  return eval('objectJour.long.' + langue + '[this.N()]');
}
 
function N()
{
  //-- Représentation numérique ISO-8601 du jour de la semaine (lundi => 1, dimanche => 7 ---------
  return (this.getDay() == 0) ? 7 : this.getDay();
}
 
function S()
{
  //-- Suffixe ordinal d'un nombre pour le jour du mois, en anglais, sur deux lettres -------------
  return (objectSuffixe[langue][this.j()] != undefined) ? objectSuffixe[langue][this.j()] : '';
}
 
function z()
{
  //-- Jour de l'année 	0 à 366  -------------------------------
  var dateTmp = new Date(this.Y(), 0, 1);
  var tsDebutAnnee = dateTmp.U();
  return Math.ceil(Math.abs((this.U() - tsDebutAnnee) / 86400));
}
 
//----------------------------------------------------------
//-- fonctions de formatage de semaines --------------------
//----------------------------------------------------------
function W()
{   
  //-- N° de semaine dans l'année ISO-8601, commence le lundi -----
	//-- code de JR Stockton -----------------------------------
	//-- http://www.merlyn.demon.co.uk -------------------------
  var dateTmp = new Date(this)
	with (dateTmp)
	{
	  var leJour = d();
	  var leMois = m();
		var numeroJour = N();
		setDate(j() - (numeroJour + 6) % 7 + 3); // Nearest Thu
		var ms = valueOf(); // GMT
		setMonth(0, 4); // Jan 4 is in Week 1 for ISO 8601
		var numero = Math.round((ms - valueOf()) / (7 * 86400000)) + 1;
		setMonth(leMois, leJour); // Jan 4 is in Week 1 for ISO 8601
	}
  return numero;
}
 
//----------------------------------------------------------
//-- fonctions de formatage de mois ------------------------
//----------------------------------------------------------
function F()
{   
  //-- Mois, textuel, version longue ---------------------------------
  return objectMois['long'][langue][this.n()];
}
 
function m()
{   
  //-- Mois au format numérique, avec zéros initiaux ------------------
  return (this.n() < 10 ? '0' + this.n() : this.n());
}
 
function M()
{   
  //-- Mois, en trois lettres -----------------------------------------
  return objectMois['court'][langue][this.n()];
}
 
function n()
{   
  //-- Mois sans les zéros initiaux ------------------------------------
  return this.getMonth() + 1;
}
 
function t()
{   
  //-- Nombre de jours dans le mois 28 à 31 --------------------------
  var leMois = this.n();
  var nb = objectNbJour[leMois];
  if(leMois == 2) 
    nb += this.L();
  return nb;
}
 
//----------------------------------------------------------
//-- fonctions de formatage d'année ------------------------
//----------------------------------------------------------
function Y()
{   
  //-- Année sur 4 chiffres -------------------------------------------
  return this.getFullYear();
}
 
function L()
{   
  //-- Année bissextile : 1 ou 0 ---------------------------------------
  if (((this.Y() % 4 == 0) && (this.Y() % 100 != 0)) || (this.Y() % 400 == 0)) return 1;
  return 0;
}      
 
//----------------------------------------------------------
//-- Fuseau horaire ----------------------------------------
//----------------------------------------------------------
function I()
{
  //-- heure d'été : activée = 1, désactivée = 2 -----------
  var dateTmp = new Date(this.Y(), 0, 1);
  var offsetDebutAnnee = dateTmp.O();
  if(this.P() > offsetDebutAnnee)
  {
    return 1;
  }
  return 0;
}
 
function O()
{   
  //-- Différence d'heures avec l'heure de Greenwitch exprimée en heures 	Exemple : +0200  -------------------------------------------
  var decalage = this.Z();
  var signe = (decalage <= 0) ? '-' : '+';
  var heure = new String(100 + Math.abs(Math.floor(decalage / 3600))).substr(1);
  var minute = new String(100 + (decalage % 3600)).substr(1);
  return signe + heure + minute;
}
 
function P()
{   
  //-- Différence avec l'heure de Greenwitch avec un double point entre les heures et les minutes 	Exemple : +02:00 ---------------------------------------
  var heure = this.O();
  return heure.substr(0, 3) + ':' + heure.substr(3);
}
 
function Z()
{   
  //-- Décalage horaire en secondes. Le décalage des zones à l'ouest de la zone UTC est négative, et à l'est, il est positif. 	-43200 à 50400 ---------------------------------------
  return this.getTimezoneOffset() * 60 * -1;
}
 
//----------------------------------------------------------
//-- Date et Heure complète --------------------------------
//----------------------------------------------------------
function c()
{ 
  //-- Date au format ISO 8601 (ajouté en PHP 5) 	2004-02-12T15:19:21+00:00 ---------------------------------------
  var date = this.Y() + '-' + this.m() + '-' + this.d();
  var heure = this.H() + ':' + this.i() + ':' + this.s();
  var offset = this.P();
  return date + 'T' + heure + offset;
}      
 
function r()
{   
  //-- Format de date » RFC 2822 	Exemple : Thu, 21 Dec 2000 16:01:07 +0200 ---------------------------------------
  var date =  objectJour['court']['en'][this.N()] +  + this.d() + ' ' + objectMois['court']['en'][this.n()] + ' ' + this.Y();
  var heure = this.H() + ':' + this.i() + ':' + this.s();
  var offset = this.O();
  return date + ' ' + heure + ' ' + offset;
}      
 
function U()
{   
  //-- Secondes depuis l'époque Unix (1er Janvier 1970, 0h00 00s GMT) -------------------------------------
  return Math.floor(this.u() / 1000);
}      
 
//----------------------------------------------------------
//-- Fonctions diverses ------------------------------------
//----------------------------------------------------------
function fixeDate(lannee, leMois, leJour)
{
  this.setFullYear(lannee, leMois - 1, leJour);
}
 
function fixeHeure(heure, minute, seconde)
{
  this.setHours(heure, minute, seconde);
}
 
function modifie(parametre)
{
  //-- mots clés permettant de décaler la date vers le passé ou l'avenir ---------
  //-- les mots se trouvant sur une même ligne ont une valeur équivalente --------
  var lesTypes = {
                  'year' : 'ok', 'years' : 'ok', 'année' : 'ok', 'années' : 'ok', 'annee' : 'ok',
                  'month' : 'ok', 'months' : 'ok', 'mois' : 'ok',
                  'week' : 'ok', 'weeks' : 'ok', 'semaine' : 'ok', 'semaines' : 'ok',
                  'day' : 'ok', 'days' : 'ok', 'jour' : 'ok', 'jours' : 'ok',
                  'hour' : 'ok', 'hours' : 'ok', 'heure' : 'ok', 'heures' : 'ok',
                  'minute' : 'ok', 'minutes' : 'ok', 
                  'second' : 'ok', 'seconds' : 'ok', 'seconde' : 'ok', 'secondes' : 'ok',
                  'yesterday' : -1, 'hier' : -1,
                  'now' : 0, 'maintenant' : 0, 'aujourdhui' : 0,
                  'tomorrow' : 1, 'demain' : 1,
                  'monday' : 1, 'lundi' : 1,
                  'tuesday' : 2, 'mardi' : 2,
                  'wednesday' : 3, 'mercredi' : 3,
                  'thursday' : 4, 'jeudi' : 4,
                  'friday' : 5, 'vendredi' : 5,
                  'saturday' : 6, 'samedi' : 6,
                  'sunday' : 7, 'dimanche' : 7
                 };
  var tableau = parametre.toLowerCase().split(' ');
  var nb = tableau.length;
  var i = 0;
  while (i < nb)
  {
    var type = (tableau[i + 1] != undefined) ? tableau[i + 1] : tableau[i];
    if (lesTypes[type] != undefined)
    {
      switch (type)
      {
        case 'weeks' :
        case 'week' :
        case 'semaine' :
        case 'semaines' :
          type = 'day';
          if(
              (tableau[i] == 'next') || 
              (tableau[i] == 'first') ||
              (tableau[i] == 'suivant') || 
              (tableau[i] == 'suivante') || 
              (tableau[i] == 'prochain') ||
              (tableau[i] == 'prochaine')
            )
            tableau[i] = '+7';
          if(
              (tableau[i] == 'last') || 
              (tableau[i] == 'previous') ||
              (tableau[i] == 'précédent') ||
              (tableau[i] == 'précédente') 
            )
            tableau[i] = '-7';
          break;
 
        case 'yesterday' :
        case 'hier' :
        case 'now' :
        case 'aujourdhui' :
        case 'maintenant' :
        case 'tomorrow' :
        case 'demain' :
          tableau[i] = lesTypes[type];
          type = 'day';
          break;
 
        case 'monday' :
        case 'tuesday' :
        case 'wednesday' :
        case 'thursday' :
        case 'friday' :
        case 'saturday' :
        case 'sunday' :
        case 'lundi' :
        case 'mardi' :
        case 'mercredi' :
        case 'jeudi' :
        case 'vendredi' :
        case 'samedi' :
        case 'dimanche' :
          var numJour = lesTypes[type];
          type = 'day';
          if(
              (tableau[i] == 'next') || 
              (tableau[i] == 'first') ||
              (tableau[i] == 'suivant') || 
              (tableau[i] == 'suivante') || 
              (tableau[i] == 'prochain') ||
              (tableau[i] == 'prochaine')
            )
            tableau[i] = 7 - this.N() + numJour;
          if(
              (tableau[i] == 'last') || 
              (tableau[i] == 'previous') ||
              (tableau[i] == 'précédent') ||
              (tableau[i] == 'précédente') 
            )
          {
            if ((numJour - this.N()) == 0)
              tableau[i] = -7;
            else if (numJour > this.N())
              tableau[i] = (7 - numJour + this.N()) * -1;
            else
              tableau[i] = numJour - this.N();
          }
          break;
 
        default :
          if(
              (tableau[i] == 'next') || 
              (tableau[i] == 'first') ||
              (tableau[i] == 'suivant') || 
              (tableau[i] == 'prochain')
            )
            tableau[i] = '+1';
          if(
              (tableau[i] == 'last') || 
              (tableau[i] == 'previous') ||
              (tableau[i] == 'précédent') 
            )
            tableau[i] = '-1';
          break;
      }
    }
 
    var valeur = new Number(tableau[i]);
    switch (type)
    {
      case 'years' :
      case 'year' :
      case 'année' :
      case 'années' :
        this.setFullYear(this.Y() + valeur); 
        break;
 
      case 'months' :
      case 'month' :
      case 'mois' :
        this.setMonth(this.n() + valeur - 1); 
        break;
 
      case 'days' :
      case 'day' :
      case 'jour' :
      case 'jours' :
        this.setDate(this.j() + valeur);
        break;
 
      case 'hours' :
      case 'hour' :
      case 'heure' :
      case 'heures' :
        this.setHours(parseInt(this.H(), 10) + valeur); 
        break;
 
      case 'minutes' :
      case 'minute' :
        this.setMinutes(parseInt(this.i(), 10) + valeur); 
        break;
 
      case 'seconds' :
      case 'second' :
      case 'seconde' :
      case 'secondes' :
        this.setSeconds(parseInt(this.s(), 10) + valeur); 
        break;
    }
    i += 2;
  }
  return this.U();
}
 
function format(parametre)
{
  var resultat = '';
 
  var lg = parametre.length;
  var i = 0;
  while (i < lg)
  {
    if (parametre.substr(i, 1) == '\\')
    {
      resultat += parametre.substr(i + 1, 1);
      i ++;
    }
    else if (chaineFormat.indexOf(parametre.substr(i, 1)) != -1)
    {
      var position = chaineFormat.indexOf(parametre.substr(i, 1));
      resultat += eval('this.' + chaineFormat.charAt(position) + '()');
    }
    else
    {
      resultat += parametre.substr(i, 1);
    }
    i ++;
  }
  return resultat;
}
//---------------------------------------------------------------
//---------------------------------------------------------------
//---------------------------------------------------------------

D'autres critiques, remarques ?

24/11/2008, 09h01
SpaceFrog

ça fontionne ...
mais pour moi il y a toujours deux horreurs dans le code ...

un eval ...

et ça :

Code:

document.getElementById('origine').innerHTML = laDate.format('\\d\\a\\t\\e \\d\\\'\\o\\r\\i\\g\\i\\n\\e \\: l jS F Y \\s\\e\\m\\a\\i\\n\\e \\n\\° W');
24/11/2008, 09h47
jeca

Le 'innerHTML' du fichier 'exemple.htm' me conviens très bien pour vérifier le retour de mes fonctions autrement qu'avec 'alert()'.
Cela dit, dire que c'est une horreur, pourquoi pas. Mais quels sont les arguments, outre le fait que ce ne soit pas conforme W3C ? J'ai cherché un peu sur le net, et j'ai trouvé à peu près autant de pour que de contre. D'autre part, si je m'en tiens à cette page, il semblerait que ce soit le plus rapide.
En ce qui concerne 'eval()', même question que ci-dessus : Cela dit, dire que c'est une horreur, pourquoi pas. Mais quels sont les arguments ?
Dans le cas présent, je ne vois par quoi remplacer, sinon effectuer 31 lignes de tests.
24/11/2008, 09h59
jeca

En ce qui concerne 'eval()', je viens de trouver une solution, remplacer :

Code:

resultat += eval('this.' + chaineFormat.charAt(position) + '()');

par :

Code:

resultat += this[chaineFormat.charAt(position)]();
24/11/2008, 10h21
le_chomeur

réponse pour eval :

http://www.wikituto.org/index.php/Fo...val_Javascript

juste une explication sur la "bonne" utilisation de cette méthode ;)

pour le innertHTML , on bannit de plus en plus l'utilisation de ce dernier car il est préférable de passer par le dom ( sauf exception ) d'un tu gagneras en lisibilité , mais également en manipulation de tes données ...
ça ne te parait peut-être pas très exaustif , mais en stockant tes variable et les ajoutant dans des noeuds texte tu pourras par exemple les mettres en forme et autre beaucoup plus facilement :)