Discussion :

[beegees]

Bonjour à tous,

J'ai un gros soucis pour afficher un tableau sous forme de calendrier.


Ce qui fonctionne :

- Quand la page charge la première fois, le calendrier fonctionne parfaitement

- Quand on change la valeur de l'année dans la liste déroulante :

- Le mois de janvier n'est pas affiché

- Le calendrier n'est pas correct, il reste toujours sur 2013

J'ai affiché avec un print_r le tableau qui est parcouru pour générer le calendrier, ce tableau contient les données correctes.

Le problème est que le tableau n'est pas affiché correctement sous forme de calendrier.

Sur le change de la liste déroulante, j'exécute ce code :

Code javascript :

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
$('#sel_annee').change(function()
{
    $('.month').hide();
    $('.month:first').show();
    $('.months a:first').addClass('active');
    var current = 1;
    $.ajax({
        type: 'post',
        url: 'changer_annee.php',
        data: {
            year:$('#sel_annee').val()
        },
        dataType: 'text',
        success: function(retour_php){
            console.log(retour_php);
            $('#afficher_annee').html($('#sel_annee').val());
            $('#tab_cal').html(retour_php);
        },
        error: function(retour_php){
            alert("pas ok");
            alert(retour_php);
        }
    }
);
});

La page PHP appelée est celle-ci :

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
<?php
 
   require('date.php');
   $date = new Date();
   if(!isset($_POST['year']))
   {
       $year = date('Y');
   }
   else
   {
       $year = $_POST['year'];
   }
 
   //$events = $date->getEvents($year);
   $dates = $date->getAll($year);
   print_r($dates);
   $retour = "";
   //current — Retourne l'élément courant du tableau
   $dates = current($dates);
   $i=0;
   //$m ce sont les mois
   foreach ($dates as $m=>$days)
   {
      $retour .= '<thead><tr>';
 
      foreach ($date->days as $d)
      {
         //$i++;
         //echo $i."";
         //echo $d.'<br />';
           $retour.= '<th>'.substr($d,0,3).'</th>';
      }
      $retour .= '</tr></thead>';
      //echo $retour;
      //return false;
      $retour .= '<tbody><tr>';
      //end — Positionne le pointeur de tableau en fin de tableau
      $end = end($days);
      foreach($days as $d=>$w)
      {
          $time = strtotime("$year-$m-$d");
 
          //fusion des cellules au cas où le premier jour du mois ne commence pas un lundi
          if($d == 1 && $w != 1)
          {
             $retour.= '<td colspan="'.($w-1).'" class="padding"></td>';
          }
          $retour.= '<td>';
          //echo $d .'d <br />';
          //echo $w . 'w <br />';
          if($time == strtotime(date('Y-m-d')))
          {
             $retour.= ' class="today" >';
          }
          $retour.= '<div class="relative">';
          $retour.= '<div class="day">'.$d.'</div>';
          $retour.= '</div><div class="daytitle">'; 
 
         $retour .= $date->days[$w-1];
         $retour .= $d;
         $retour .= $date->months[$m-1];
         $retour.= '</div></td>';
         if($w == 7)
         {
           $retour.= '</tr><tr>';
         }
      } //fin du foreach($days as $d=>$w)
      if($end != 7)
      {
         $retour .= '<td colspan="'.(7-$end).'" class="padding"></td>';
      }
      $retour.= '</tr>';
      $retour.= '</tbody>';
      $retour.='</table>';
      $retour.='</div>';
   } //fin du foreach ($dates as $m=>$days)
 
   $retour.='</div>';
 
   echo $retour;
 
?>

pour l'année 2012, j'ai par exemple ce tableau (un peu long car 12 mois) : 1 (lundi) 7 (dimanche)

Code xxx :

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
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
Array
(
    Array
(
    [2012] => Array
        (
            [1] => Array
                (
                    [1] => 7
                    [2] => 1
                    [3] => 2
                    [4] => 3
                    [5] => 4
                    [6] => 5
                    [7] => 6
                    [8] => 7
                    [9] => 1
                    [10] => 2
                    [11] => 3
                    [12] => 4
                    [13] => 5
                    [14] => 6
                    [15] => 7
                    [16] => 1
                    [17] => 2
                    [18] => 3
                    [19] => 4
                    [20] => 5
                    [21] => 6
                    [22] => 7
                    [23] => 1
                    [24] => 2
                    [25] => 3
                    [26] => 4
                    [27] => 5
                    [28] => 6
                    [29] => 7
                    [30] => 1
                    [31] => 2
                )
 
            [2] => Array
                (
                    [1] => 3
                    [2] => 4
                    [3] => 5
                    [4] => 6
                    [5] => 7
                    [6] => 1
                    [7] => 2
                    [8] => 3
                    [9] => 4
                    [10] => 5
                    [11] => 6
                    [12] => 7
                    [13] => 1
                    [14] => 2
                    [15] => 3
                    [16] => 4
                    [17] => 5
                    [18] => 6
                    [19] => 7
                    [20] => 1
                    [21] => 2
                    [22] => 3
                    [23] => 4
                    [24] => 5
                    [25] => 6
                    [26] => 7
                    [27] => 1
                    [28] => 2
                    [29] => 3
                )
 
            [3] => Array
                (
                    [1] => 4
                    [2] => 5
                    [3] => 6
                    [4] => 7
                    [5] => 1
                    [6] => 2
                    [7] => 3
                    [8] => 4
                    [9] => 5
                    [10] => 6
                    [11] => 7
                    [12] => 1
                    [13] => 2
                    [14] => 3
                    [15] => 4
                    [16] => 5
                    [17] => 6
                    [18] => 7
                    [19] => 1
                    [20] => 2
                    [21] => 3
                    [22] => 4
                    [23] => 5
                    [24] => 6
                    [25] => 7
                    [26] => 1
                    [27] => 2
                    [28] => 3
                    [29] => 4
                    [30] => 5
                    [31] => 6
                )
 
            [4] => Array
                (
                    [1] => 7
                    [2] => 1
                    [3] => 2
                    [4] => 3
                    [5] => 4
                    [6] => 5
                    [7] => 6
                    [8] => 7
                    [9] => 1
                    [10] => 2
                    [11] => 3
                    [12] => 4
                    [13] => 5
                    [14] => 6
                    [15] => 7
                    [16] => 1
                    [17] => 2
                    [18] => 3
                    [19] => 4
                    [20] => 5
                    [21] => 6
                    [22] => 7
                    [23] => 1
                    [24] => 2
                    [25] => 3
                    [26] => 4
                    [27] => 5
                    [28] => 6
                    [29] => 7
                    [30] => 1
                )
 
            [5] => Array
                (
                    [1] => 2
                    [2] => 3
                    [3] => 4
                    [4] => 5
                    [5] => 6
                    [6] => 7
                    [7] => 1
                    [8] => 2
                    [9] => 3
                    [10] => 4
                    [11] => 5
                    [12] => 6
                    [13] => 7
                    [14] => 1
                    [15] => 2
                    [16] => 3
                    [17] => 4
                    [18] => 5
                    [19] => 6
                    [20] => 7
                    [21] => 1
                    [22] => 2
                    [23] => 3
                    [24] => 4
                    [25] => 5
                    [26] => 6
                    [27] => 7
                    [28] => 1
                    [29] => 2
                    [30] => 3
                    [31] => 4
                )
 
            [6] => Array
                (
                    [1] => 5
                    [2] => 6
                    [3] => 7
                    [4] => 1
                    [5] => 2
                    [6] => 3
                    [7] => 4
                    [8] => 5
                    [9] => 6
                    [10] => 7
                    [11] => 1
                    [12] => 2
                    [13] => 3
                    [14] => 4
                    [15] => 5
                    [16] => 6
                    [17] => 7
                    [18] => 1
                    [19] => 2
                    [20] => 3
                    [21] => 4
                    [22] => 5
                    [23] => 6
                    [24] => 7
                    [25] => 1
                    [26] => 2
                    [27] => 3
                    [28] => 4
                    [29] => 5
                    [30] => 6
                )
 
            [7] => Array
                (
                    [1] => 7
                    [2] => 1
                    [3] => 2
                    [4] => 3
                    [5] => 4
                    [6] => 5
                    [7] => 6
                    [8] => 7
                    [9] => 1
                    [10] => 2
                    [11] => 3
                    [12] => 4
                    [13] => 5
                    [14] => 6
                    [15] => 7
                    [16] => 1
                    [17] => 2
                    [18] => 3
                    [19] => 4
                    [20] => 5
                    [21] => 6
                    [22] => 7
                    [23] => 1
                    [24] => 2
                    [25] => 3
                    [26] => 4
                    [27] => 5
                    [28] => 6
                    [29] => 7
                    [30] => 1
                    [31] => 2
                )
 
            [8] => Array
                (
                    [1] => 3
                    [2] => 4
                    [3] => 5
                    [4] => 6
                    [5] => 7
                    [6] => 1
                    [7] => 2
                    [8] => 3
                    [9] => 4
                    [10] => 5
                    [11] => 6
                    [12] => 7
                    [13] => 1
                    [14] => 2
                    [15] => 3
                    [16] => 4
                    [17] => 5
                    [18] => 6
                    [19] => 7
                    [20] => 1
                    [21] => 2
                    [22] => 3
                    [23] => 4
                    [24] => 5
                    [25] => 6
                    [26] => 7
                    [27] => 1
                    [28] => 2
                    [29] => 3
                    [30] => 4
                    [31] => 5
                )
 
            [9] => Array
                (
                    [1] => 6
                    [2] => 7
                    [3] => 1
                    [4] => 2
                    [5] => 3
                    [6] => 4
                    [7] => 5
                    [8] => 6
                    [9] => 7
                    [10] => 1
                    [11] => 2
                    [12] => 3
                    [13] => 4
                    [14] => 5
                    [15] => 6
                    [16] => 7
                    [17] => 1
                    [18] => 2
                    [19] => 3
                    [20] => 4
                    [21] => 5
                    [22] => 6
                    [23] => 7
                    [24] => 1
                    [25] => 2
                    [26] => 3
                    [27] => 4
                    [28] => 5
                    [29] => 6
                    [30] => 7
                )
 
            [10] => Array
                (
                    [1] => 1
                    [2] => 2
                    [3] => 3
                    [4] => 4
                    [5] => 5
                    [6] => 6
                    [7] => 7
                    [8] => 1
                    [9] => 2
                    [10] => 3
                    [11] => 4
                    [12] => 5
                    [13] => 6
                    [14] => 7
                    [15] => 1
                    [16] => 2
                    [17] => 3
                    [18] => 4
                    [19] => 5
                    [20] => 6
                    [21] => 7
                    [22] => 1
                    [23] => 2
                    [24] => 3
                    [25] => 4
                    [26] => 5
                    [27] => 6
                    [28] => 7
                    [29] => 1
                    [30] => 2
                    [31] => 3
                )
 
            [11] => Array
                (
                    [1] => 4
                    [2] => 5
                    [3] => 6
                    [4] => 7
                    [5] => 1
                    [6] => 2
                    [7] => 3
                    [8] => 4
                    [9] => 5
                    [10] => 6
                    [11] => 7
                    [12] => 1
                    [13] => 2
                    [14] => 3
                    [15] => 4
                    [16] => 5
                    [17] => 6
                    [18] => 7
                    [19] => 1
                    [20] => 2
                    [21] => 3
                    [22] => 4
                    [23] => 5
                    [24] => 6
                    [25] => 7
                    [26] => 1
                    [27] => 2
                    [28] => 3
                    [29] => 4
                    [30] => 5
                )
 
            [12] => Array
                (
                    [1] => 6
                    [2] => 7
                    [3] => 1
                    [4] => 2
                    [5] => 3
                    [6] => 4
                    [7] => 5
                    [8] => 6
                    [9] => 7
                    [10] => 1
                    [11] => 2
                    [12] => 3
                    [13] => 4
                    [14] => 5
                    [15] => 6
                    [16] => 7
                    [17] => 1
                    [18] => 2
                    [19] => 3
                    [20] => 4
                    [21] => 5
                    [22] => 6
                    [23] => 7
                    [24] => 1
                    [25] => 2
                    [26] => 3
                    [27] => 4
                    [28] => 5
                    [29] => 6
                    [30] => 7
                    [31] => 1
                )
 
        )
)

Le texte qui vient se mettre dans le table est celui-ci :

Code html :

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

<thead><tr><th>Lun</th><th>Mar</th><th>Mer</th><th>Jeu</th><th>Ven</th><th>Sam</th><th>Dim</th></tr></thead><tbody><tr><td colspan="1" class="padding"></td><td><div class="relative"><div class="day">1</div></div><div class="daytitle">Mardi1</div></td><td><div class="relative"><div class="day">2</div></div><div class="daytitle">Mercredi2</div></td><td><div class="relative"><div class="day">3</div></div><div class="daytitle">Jeudi3</div></td><td><div class="relative"><div class="day">4</div></div><div class="daytitle">Vendredi4</div></td><td><div class="relative"><div class="day">5</div></div><div class="daytitle">Samedi5</div></td><td><div class="relative"><div class="day">6</div></div><div class="daytitle">Dimanche6</div></td></tr><tr><td><div class="relative"><div class="day">7</div></div><div class="daytitle">Lundi7</div></td><td><div class="relative"><div class="day">8</div></div><div class="daytitle">Mardi8</div></td><td><div class="relative"><div class="day">9</div></div><div class="daytitle">Mercredi9</div></td><td><div class="relative"><div class="day">10</div></div><div class="daytitle">Jeudi10</div></td><td><div class="relative"><div class="day">11</div></div><div class="daytitle">Vendredi11</div></td><td><div class="relative"><div class="day">12</div></div><div class="daytitle">Samedi12</div></td><td><div class="relative"><div class="day">13</div></div><div class="daytitle">Dimanche13</div></td></tr><tr><td><div class="relative"><div class="day">14</div></div><div class="daytitle">Lundi14</div></td><td><div class="relative"><div class="day">15</div></div><div class="daytitle">Mardi15</div></td><td><div class="relative"><div class="day">16</div></div><div class="daytitle">Mercredi16</div></td><td><div class="relative"><div class="day">17</div></div><div class="daytitle">Jeudi17</div></td><td><div class="relative"><div class="day">18</div></div><div class="daytitle">Vendredi18</div></td><td><div class="relative"><div class="day">19</div></div><div class="daytitle">Samedi19</div></td><td><div class="relative"><div class="day">20</div></div><div class="daytitle">Dimanche20</div></td></tr><tr><td><div class="relative"><div class="day">21</div></div><div class="daytitle">Lundi21</div></td><td><div class="relative"><div class="day">22</div></div><div class="daytitle">Mardi22</div></td><td><div class="relative"><div class="day">23</div></div><div class="daytitle">Mercredi23</div></td><td><div class="relative"><div class="day">24</div></div><div class="daytitle">Jeudi24</div></td><td><div class="relative"><div class="day">25</div></div><div class="daytitle">Vendredi25</div></td><td><div class="relative"><div class="day">26</div></div><div class="daytitle">Samedi26</div></td><td><div class="relative"><div class="day">27</div></div><div class="daytitle">Dimanche27</div></td></tr><tr><td><div class="relative"><div class="day">28</div></div><div class="daytitle">Lundi28</div></td><td><div class="relative"><div class="day">29</div></div><div class="daytitle">Mardi29</div></td><td><div class="relative"><div class="day">30</div></div><div class="daytitle">Mercredi30</div></td><td><div class="relative"><div class="day">31</div></div><div class="daytitle">Jeudi31</div></td><td colspan="3" class="padding"></td></tr></tbody></table></div><thead><tr><th>Lun</th><th>Mar</th><th>Mer</th><th>Jeu</th><th>Ven</th><th>Sam</th><th>Dim</th></tr></thead><tbody><tr><td colspan="4" class="padding"></td><td><div class="relative"><div class="day">1</div></div><div class="daytitle">Vendredi1</div></td><td><div class="relative"><div class="day">2</div></div><div class="daytitle">Samedi2</div></td><td><div class="relative"><div class="day">3</div></div><div class="daytitle">Dimanche3</div></td></tr><tr><td><div class="relative"><div class="day">4</div></div><div class="daytitle">Lundi4</div></td><td><div class="relative"><div class="day">5</div></div><div class="daytitle">Mardi5</div></td><td><div class="relative"><div class="day">6</div></div><div class="daytitle">Mercredi6</div></td><td><div class="relative"><div class="day">7</div></div><div class="daytitle">Jeudi7</div></td><td><div class="relative"><div class="day">8</div></div><div class="daytitle">Vendredi8</div></td><td><div class="relative"><div class="day">9</div></div><div class="daytitle">Samedi9</div></td><td><div class="relative"><div class="day">10</div></div><div class="daytitle">Dimanche10</div></td></tr><tr><td><div class="relative"><div class="day">11</div></div><div class="daytitle">Lundi11</div></td><td><div class="relative"><div class="day">12</div></div><div class="daytitle">Mardi12</div></td><td><div class="relative"><div class="day">13</div></div><div class="daytitle">Mercredi13</div></td><td><div class="relative"><div class="day">14</div></div><div class="daytitle">Jeudi14</div></td><td><div class="relative"><div class="day">15</div></div><div class="daytitle">Vendredi15</div></td><td><div class="relative"><div class="day">16</div></div><div class="daytitle">Samedi16</div></td><td><div class="relative"><div class="day">17</div></div><div class="daytitle">Dimanche17</div></td></tr><tr><td><div class="relative"><div class="day">18</div></div><div class="daytitle">Lundi18</div></td><td><div class="relative"><div class="day">19</div></div><div class="daytitle">Mardi19</div></td><td><div class="relative"><div class="day">20</div></div><div class="daytitle">Mercredi20</div></td><td><div class="relative"><div class="day">21</div></div><div class="daytitle">Jeudi21</div></td><td><div class="relative"><div class="day">22</div></div><div class="daytitle">Vendredi22</div></td><td><div class="relative"><div class="day">23</div></div><div class="daytitle">Samedi23</div></td><td><div class="relative"><div class="day">24</div></div><div class="daytitle">Dimanche24</div></td></tr><tr><td><div class="relative"><div class="day">25</div></div><div class="daytitle">Lundi25</div></td><td><div class="relative"><div class="day">26</div></div><div class="daytitle">Mardi26</div></td><td><div class="relative"><div class="day">27</div></div><div class="daytitle">Mercredi27</div></td><td><div class="relative"><div class="day">28</div></div><div class="daytitle">Jeudi28</div></td><td colspan="3" class="padding"></td></tr></tbody></table></div><thead><tr><th>Lun</th><th>Mar</th><th>Mer</th><th>Jeu</th><th>Ven</th><th>Sam</th><th>Dim</th></tr></thead><tbody><tr><td colspan="4" class="padding"></td><td><div class="relative"><div class="day">1</div></div><div class="daytitle">Vendredi1</div></td><td><div class="relative"><div class="day">2</div></div><div class="daytitle">Samedi2</div></td><td><div class="relative"><div class="day">3</div></div><div class="daytitle">Dimanche3</div></td></tr><tr><td><div class="relative"><div class="day">4</div></div><div class="daytitle">Lundi4</div></td><td><div class="relative"><div class="day">5</div></div><div class="daytitle">Mardi5</div></td><td><div class="relative"><div class="day">6</div></div><div class="daytitle">Mercredi6</div></td><td><div class="relative"><div class="day">7</div></div><div class="daytitle">Jeudi7</div></td><td><div class="relative"><div class="day">8</div></div><div class="daytitle">Vendredi8</div></td><td><div class="relative"><div class="day">9</div></div><div class="daytitle">Samedi9</div></td><td><div class="relative"><div class="day">10</div></div><div class="daytitle">Dimanche10</div></td></tr><tr><td><div class="relative"><div class="day">11</div></div><div class="daytitle">Lundi11</div></td><td><div class="relative"><div class="day">12</div></div><div class="daytitle">Mardi12</div></td><td><div class="relative"><div class="day">13</div></div><div class="daytitle">Mercredi13</div></td><td><div class="relative"><div class="day">14</div></div><div class="daytitle">Jeudi14</div></td><td><div class="relative"><div class="day">15</div></div><div class="daytitle">Vendredi15</div></td><td><div class="relative"><div class="day">16</div></div><div class="daytitle">Samedi16</div></td><td><div class="relative"><div class="day">17</div></div><div class="daytitle">Dimanche17</div></td></tr><tr><td><div class="relative"><div class="day">18</div></div><div class="daytitle">Lundi18</div></td><td><div class="relative"><div class="day">19</div></div><div class="daytitle">Mardi19</div></td><td><div class="relative"><div class="day">20</div></div><div class="daytitle">Mercredi20</div></td><td><div class="relative"><div class="day">21</div></div><div class="daytitle">Jeudi21</div></td><td><div class="relative"><div class="day">22</div></div><div class="daytitle">Vendredi22</div></td><td><div class="relative"><div class="day">23</div></div><div class="daytitle">Samedi23</div></td><td><div class="relative"><div class="day">24</div></div><div class="daytitle">Dimanche24</div></td></tr><tr><td><div class="relative"><div class="day">25</div></div><div class="daytitle">Lundi25</div></td><td><div class="relative"><div class="day">26</div></div><div class="daytitle">Mardi26</div></td><td> class="today" ><div class="relative"><div class="day">27</div></div><div class="daytitle">Mercredi27</div></td><td><div class="relative"><div class="day">28</div></div><div class="daytitle">Jeudi28</div></td><td><div class="relative"><div class="day">29</div></div><div class="daytitle">Vendredi29</div></td><td><div class="relative"><div class="day">30</div></div><div class="daytitle">Samedi30</div></td><td><div class="relative"><div class="day">31</div></div><div class="daytitle">Dimanche31</div></td></tr><tr></tr></tbody></table></div><thead><tr><th>Lun</th><th>Mar</th><th>Mer</th><th>Jeu</th><th>Ven</th><th>Sam</th><th>Dim</th></tr></thead><tbody><tr><td><div class="relative"><div class="day">1</div></div><div class="daytitle">Lundi1</div></td><td><div class="relative"><div class="day">2</div></div><div class="daytitle">Mardi2</div></td><td><div class="relative"><div class="day">3</div></div><div class="daytitle">Mercredi3</div></td><td><div class="relative"><div class="day">4</div></div><div class="daytitle">Jeudi4</div></td><td><div class="relative"><div class="day">5</div></div><div class="daytitle">Vendredi5</div></td><td><div class="relative"><div class="day">6</div></div><div class="daytitle">Samedi6</div></td><td><div class="relative"><div class="day">7</div></div><div class="daytitle">Dimanche7</div></td></tr><tr><td><div class="relative"><div class="day">8</div></div><div class="daytitle">Lundi8</div></td><td><div class="relative"><div class="day">9</div></div><div class="daytitle">Mardi9</div></td><td><div class="relative"><div class="day">10</div></div><div class="daytitle">Mercredi10</div></td><td><div class="relative"><div class="day">11</div></div><div class="daytitle">Jeudi11</div></td><td><div class="relative"><div class="day">12</div></div><div class="daytitle">Vendredi12</div></td><td><div class="relative"><div class="day">13</div></div><div class="daytitle">Samedi13</div></td><td><div class="relative"><div class="day">14</div></div><div class="daytitle">Dimanche14</div></td></tr><tr><td><div class="relative"><div class="day">15</div></div><div class="daytitle">Lundi15</div></td><td><div class="relative"><div class="day">16</div></div><div class="daytitle">Mardi16</div></td><td><div class="relative"><div class="day">17</div></div><div class="daytitle">Mercredi17</div></td><td><div class="relative"><div class="day">18</div></div><div class="daytitle">Jeudi18</div></td><td><div class="relative"><div class="day">19</div></div><div class="daytitle">Vendredi19</div></td><td><div class="relative"><div class="day">20</div></div><div class="daytitle">Samedi20</div></td><td><div class="relative"><div class="day">21</div></div><div class="daytitle">Dimanche21</div></td></tr><tr><td><div class="relative"><div class="day">22</div></div><div class="daytitle">Lundi22</div></td><td><div class="relative"><div class="day">23</div></div><div class="daytitle">Mardi23</div></td><td><div class="relative"><div class="day">24</div></div><div class="daytitle">Mercredi24</div></td><td><div class="relative"><div class="day">25</div></div><div class="daytitle">Jeudi25</div></td><td><div class="relative"><div class="day">26</div></div><div class="daytitle">Vendredi26</div></td><td><div class="relative"><div class="day">27</div></div><div class="daytitle">Samedi27</div></td><td><div class="relative"><div class="day">28</div></div><div class="daytitle">Dimanche28</div></td></tr><tr><td><div class="relative"><div class="day">29</div></div><div class="daytitle">Lundi29</div></td><td><div class="relative"><div class="day">30</div></div><div class="daytitle">Mardi30</div></td><td colspan="5" class="padding"></td></tr></tbody></table></div><thead><tr><th>Lun</th><th>Mar</th><th>Mer</th><th>Jeu</th><th>Ven</th><th>Sam</th><th>Dim</th></tr></thead><tbody><tr><td colspan="2" class="padding"></td><td><div class="relative"><div class="day">1</div></div><div class="daytitle">Mercredi1</div></td><td><div class="relative"><div class="day">2</div></div><div class="daytitle">Jeudi2</div></td><td><div class="relative"><div class="day">3</div></div><div class="daytitle">Vendredi3</div></td><td><div class="relative"><div class="day">4</div></div><div class="daytitle">Samedi4</div></td><td><div class="relative"><div class="day">5</div></div><div class="daytitle">Dimanche5</div></td></tr><tr><td><div class="relative"><div class="day">6</div></div><div class="daytitle">Lundi6</div></td><td><div class="relative"><div class="day">7</div></div><div class="daytitle">Mardi7</div></td><td><div class="relative"><div class="day">8</div></div><div class="daytitle">Mercredi8</div></td><td><div class="relative"><div class="day">9</div></div><div class="daytitle">Jeudi9</div></td><td><div class="relative"><div class="day">10</div></div><div class="daytitle">Vendredi10</div></td><td><div class="relative"><div class="day">11</div></div><div class="daytitle">Samedi11</div></td><td><div class="relative"><div class="day">12</div></div><div class="daytitle">Dimanche12</div></td></tr><tr><td><div class="relative"><div class="day">13</div></div><div class="daytitle">Lundi13</div></td><td><div class="relative"><div class="day">14</div></div><div class="daytitle">Mardi14</div></td><td><div class="relative"><div class="day">15</div></div><div class="daytitle">Mercredi15</div></td><td><div class="relative"><div class="day">16</div></div><div class="daytitle">Jeudi16</div></td><td><div class="relative"><div class="day">17</div></div><div class="daytitle">Vendredi17</div></td><td><div class="relative"><div class="day">18</div></div><div class="daytitle">Samedi18</div></td><td><div class="relative"><div class="day">19</div></div><div class="daytitle">Dimanche19</div></td></tr><tr><td><div class="relative"><div class="day">20</div></div><div class="daytitle">Lundi20</div></td><td><div class="relative"><div class="day">21</div></div><div class="daytitle">Mardi21</div></td><td><div class="relative"><div class="day">22</div></div><div class="daytitle">Mercredi22</div></td><td><div class="relative"><div class="day">23</div></div><div class="daytitle">Jeudi23</div></td><td><div class="relative"><div class="day">24</div></div><div class="daytitle">Vendredi24</div></td><td><div class="relative"><div class="day">25</div></div><div class="daytitle">Samedi25</div></td><td><div class="relative"><div class="day">26</div></div><div class="daytitle">Dimanche26</div></td></tr><tr><td><div class="relative"><div class="day">27</div></div><div class="daytitle">Lundi27</div></td><td><div class="relative"><div class="day">28</div></div><div class="daytitle">Mardi28</div></td><td><div class="relative"><div class="day">29</div></div><div class="daytitle">Mercredi29</div></td><td><div class="relative"><div class="day">30</div></div><div class="daytitle">Jeudi30</div></td><td><div class="relative"><div class="day">31</div></div><div class="daytitle">Vendredi31</div></td><td colspan="2" class="padding"></td></tr></tbody></table></div><thead><tr><th>Lun</th><th>Mar</th><th>Mer</th><th>Jeu</th><th>Ven</th><th>Sam</th><th>Dim</th></tr></thead><tbody><tr><td colspan="5" class="padding"></td><td><div class="relative"><div class="day">1</div></div><div class="daytitle">Samedi1</div></td><td><div class="relative"><div class="day">2</div></div><div class="daytitle">Dimanche2</div></td></tr><tr><td><div class="relative"><div class="day">3</div></div><div class="daytitle">Lundi3</div></td><td><div class="relative"><div class="day">4</div></div><div class="daytitle">Mardi4</div></td><td><div class="relative"><div class="day">5</div></div><div class="daytitle">Mercredi5</div></td><td><div class="relative"><div class="day">6</div></div><div class="daytitle">Jeudi6</div></td><td><div class="relative"><div class="day">7</div></div><div class="daytitle">Vendredi7</div></td><td><div class="relative"><div class="day">8</div></div><div class="daytitle">Samedi8</div></td><td><div class="relative"><div class="day">9</div></div><div class="daytitle">Dimanche9</div></td></tr><tr><td><div class="relative"><div class="day">10</div></div><div class="daytitle">Lundi10</div></td><td><div class="relative"><div class="day">11</div></div><div class="daytitle">Mardi11</div></td><td><div class="relative"><div class="day">12</div></div><div class="daytitle">Mercredi12</div></td><td><div class="relative"><div class="day">13</div></div><div class="daytitle">Jeudi13</div></td><td><div class="relative"><div class="day">14</div></div><div class="daytitle">Vendredi14</div></td><td><div class="relative"><div class="day">15</div></div><div class="daytitle">Samedi15</div></td><td><div class="relative"><div class="day">16</div></div><div class="daytitle">Dimanche16</div></td></tr><tr><td><div class="relative"><div class="day">17</div></div><div class="daytitle">Lundi17</div></td><td><div class="relative"><div class="day">18</div></div><div class="daytitle">Mardi18</div></td><td><div class="relative"><div class="day">19</div></div><div class="daytitle">Mercredi19</div></td><td><div class="relative"><div class="day">20</div></div><div class="daytitle">Jeudi20</div></td><td><div class="relative"><div class="day">21</div></div><div class="daytitle">Vendredi21</div></td><td><div class="relative"><div class="day">22</div></div><div class="daytitle">Samedi22</div></td><td><div class="relative"><div class="day">23</div></div><div class="daytitle">Dimanche23</div></td></tr><tr><td><div class="relative"><div class="day">24</div></div><div class="daytitle">Lundi24</div></td><td><div class="relative"><div class="day">25</div></div><div class="daytitle">Mardi25</div></td><td><div class="relative"><div class="day">26</div></div><div class="daytitle">Mercredi26</div></td><td><div class="relative"><div class="day">27</div></div><div class="daytitle">Jeudi27</div></td><td><div class="relative"><div class="day">28</div></div><div class="daytitle">Vendredi28</div></td><td><div class="relative"><div class="day">29</div></div><div class="daytitle">Samedi29</div></td><td><div class="relative"><div class="day">30</div></div><div class="daytitle">Dimanche30</div></td></tr><tr></tr></tbody></table></div><thead><tr><th>Lun</th><th>Mar</th><th>Mer</th><th>Jeu</th><th>Ven</th><th>Sam</th><th>Dim</th></tr></thead><tbody><tr><td><div class="relative"><div class="day">1</div></div><div class="daytitle">Lundi1</div></td><td><div class="relative"><div class="day">2</div></div><div class="daytitle">Mardi2</div></td><td><div class="relative"><div class="day">3</div></div><div class="daytitle">Mercredi3</div></td><td><div class="relative"><div class="day">4</div></div><div class="daytitle">Jeudi4</div></td><td><div class="relative"><div class="day">5</div></div><div class="daytitle">Vendredi5</div></td><td><div class="relative"><div class="day">6</div></div><div class="daytitle">Samedi6</div></td><td><div class="relative"><div class="day">7</div></div><div class="daytitle">Dimanche7</div></td></tr><tr><td><div class="relative"><div class="day">8</div></div><div class="daytitle">Lundi8</div></td><td><div class="relative"><div class="day">9</div></div><div class="daytitle">Mardi9</div></td><td><div class="relative"><div class="day">10</div></div><div class="daytitle">Mercredi10</div></td><td><div class="relative"><div class="day">11</div></div><div class="daytitle">Jeudi11</div></td><td><div class="relative"><div class="day">12</div></div><div class="daytitle">Vendredi12</div></td><td><div class="relative"><div class="day">13</div></div><div class="daytitle">Samedi13</div></td><td><div class="relative"><div class="day">14</div></div><div class="daytitle">Dimanche14</div></td></tr><tr><td><div class="relative"><div class="day">15</div></div><div class="daytitle">Lundi15</div></td><td><div class="relative"><div class="day">16</div></div><div class="daytitle">Mardi16</div></td><td><div class="relative"><div class="day">17</div></div><div class="daytitle">Mercredi17</div></td><td><div class="relative"><div class="day">18</div></div><div class="daytitle">Jeudi18</div></td><td><div class="relative"><div class="day">19</div></div><div class="daytitle">Vendredi19</div></td><td><div class="relative"><div class="day">20</div></div><div class="daytitle">Samedi20</div></td><td><div class="relative"><div class="day">21</div></div><div class="daytitle">Dimanche21</div></td></tr><tr><td><div class="relative"><div class="day">22</div></div><div class="daytitle">Lundi22</div></td><td><div class="relative"><div class="day">23</div></div><div class="daytitle">Mardi23</div></td><td><div class="relative"><div class="day">24</div></div><div class="daytitle">Mercredi24</div></td><td><div class="relative"><div class="day">25</div></div><div class="daytitle">Jeudi25</div></td><td><div class="relative"><div class="day">26</div></div><div class="daytitle">Vendredi26</div></td><td><div class="relative"><div class="day">27</div></div><div class="daytitle">Samedi27</div></td><td><div class="relative"><div class="day">28</div></div><div class="daytitle">Dimanche28</div></td></tr><tr><td><div class="relative"><div class="day">29</div></div><div class="daytitle">Lundi29</div></td><td><div class="relative"><div class="day">30</div></div><div class="daytitle">Mardi30</div></td><td><div class="relative"><div class="day">31</div></div><div class="daytitle">Mercredi31</div></td><td colspan="4" class="padding"></td></tr></tbody></table></div><thead><tr><th>Lun</th><th>Mar</th><th>Mer</th><th>Jeu</th><th>Ven</th><th>Sam</th><th>Dim</th></tr></thead><tbody><tr><td colspan="3" class="padding"></td><td><div class="relative"><div class="day">1</div></div><div class="daytitle">Jeudi1</div></td><td><div class="relative"><div class="day">2</div></div><div class="daytitle">Vendredi2</div></td><td><div class="relative"><div class="day">3</div></div><div class="daytitle">Samedi3</div></td><td><div class="relative"><div class="day">4</div></div><div class="daytitle">Dimanche4</div></td></tr><tr><td><div class="relative"><div class="day">5</div></div><div class="daytitle">Lundi5</div></td><td><div class="relative"><div class="day">6</div></div><div class="daytitle">Mardi6</div></td><td><div class="relative"><div class="day">7</div></div><div class="daytitle">Mercredi7</div></td><td><div class="relative"><div class="day">8</div></div><div class="daytitle">Jeudi8</div></td><td><div class="relative"><div class="day">9</div></div><div class="daytitle">Vendredi9</div></td><td><div class="relative"><div class="day">10</div></div><div class="daytitle">Samedi10</div></td><td><div class="relative"><div class="day">11</div></div><div class="daytitle">Dimanche11</div></td></tr><tr><td><div class="relative"><div class="day">12</div></div><div class="daytitle">Lundi12</div></td><td><div class="relative"><div class="day">13</div></div><div class="daytitle">Mardi13</div></td><td><div class="relative"><div class="day">14</div></div><div class="daytitle">Mercredi14</div></td><td><div class="relative"><div class="day">15</div></div><div class="daytitle">Jeudi15</div></td><td><div class="relative"><div class="day">16</div></div><div class="daytitle">Vendredi16</div></td><td><div class="relative"><div class="day">17</div></div><div class="daytitle">Samedi17</div></td><td><div class="relative"><div class="day">18</div></div><div class="daytitle">Dimanche18</div></td></tr><tr><td><div class="relative"><div class="day">19</div></div><div class="daytitle">Lundi19</div></td><td><div class="relative"><div class="day">20</div></div><div class="daytitle">Mardi20</div></td><td><div class="relative"><div class="day">21</div></div><div class="daytitle">Mercredi21</div></td><td><div class="relative"><div class="day">22</div></div><div class="daytitle">Jeudi22</div></td><td><div class="relative"><div class="day">23</div></div><div class="daytitle">Vendredi23</div></td><td><div class="relative"><div class="day">24</div></div><div class="daytitle">Samedi24</div></td><td><div class="relative"><div class="day">25</div></div><div class="daytitle">Dimanche25</div></td></tr><tr><td><div class="relative"><div class="day">26</div></div><div class="daytitle">Lundi26</div></td><td><div class="relative"><div class="day">27</div></div><div class="daytitle">Mardi27</div></td><td><div class="relative"><div class="day">28</div></div><div class="daytitle">Mercredi28</div></td><td><div class="relative"><div class="day">29</div></div><div class="daytitle">Jeudi29</div></td><td><div class="relative"><div class="day">30</div></div><div class="daytitle">Vendredi30</div></td><td><div class="relative"><div class="day">31</div></div><div class="daytitle">Samedi31</div></td><td colspan="1" class="padding"></td></tr></tbody></table></div><thead><tr><th>Lun</th><th>Mar</th><th>Mer</th><th>Jeu</th><th>Ven</th><th>Sam</th><th>Dim</th></tr></thead><tbody><tr><td colspan="6" class="padding"></td><td><div class="relative"><div class="day">1</div></div><div class="daytitle">Dimanche1</div></td></tr><tr><td><div class="relative"><div class="day">2</div></div><div class="daytitle">Lundi2</div></td><td><div class="relative"><div class="day">3</div></div><div class="daytitle">Mardi3</div></td><td><div class="relative"><div class="day">4</div></div><div class="daytitle">Mercredi4</div></td><td><div class="relative"><div class="day">5</div></div><div class="daytitle">Jeudi5</div></td><td><div class="relative"><div class="day">6</div></div><div class="daytitle">Vendredi6</div></td><td><div class="relative"><div class="day">7</div></div><div class="daytitle">Samedi7</div></td><td><div class="relative"><div class="day">8</div></div><div class="daytitle">Dimanche8</div></td></tr><tr><td><div class="relative"><div class="day">9</div></div><div class="daytitle">Lundi9</div></td><td><div class="relative"><div class="day">10</div></div><div class="daytitle">Mardi10</div></td><td><div class="relative"><div class="day">11</div></div><div class="daytitle">Mercredi11</div></td><td><div class="relative"><div class="day">12</div></div><div class="daytitle">Jeudi12</div></td><td><div class="relative"><div class="day">13</div></div><div class="daytitle">Vendredi13</div></td><td><div class="relative"><div class="day">14</div></div><div class="daytitle">Samedi14</div></td><td><div class="relative"><div class="day">15</div></div><div class="daytitle">Dimanche15</div></td></tr><tr><td><div class="relative"><div class="day">16</div></div><div class="daytitle">Lundi16</div></td><td><div class="relative"><div class="day">17</div></div><div class="daytitle">Mardi17</div></td><td><div class="relative"><div class="day">18</div></div><div class="daytitle">Mercredi18</div></td><td><div class="relative"><div class="day">19</div></div><div class="daytitle">Jeudi19</div></td><td><div class="relative"><div class="day">20</div></div><div class="daytitle">Vendredi20</div></td><td><div class="relative"><div class="day">21</div></div><div class="daytitle">Samedi21</div></td><td><div class="relative"><div class="day">22</div></div><div class="daytitle">Dimanche22</div></td></tr><tr><td><div class="relative"><div class="day">23</div></div><div class="daytitle">Lundi23</div></td><td><div class="relative"><div class="day">24</div></div><div class="daytitle">Mardi24</div></td><td><div class="relative"><div class="day">25</div></div><div class="daytitle">Mercredi25</div></td><td><div class="relative"><div class="day">26</div></div><div class="daytitle">Jeudi26</div></td><td><div class="relative"><div class="day">27</div></div><div class="daytitle">Vendredi27</div></td><td><div class="relative"><div class="day">28</div></div><div class="daytitle">Samedi28</div></td><td><div class="relative"><div class="day">29</div></div><div class="daytitle">Dimanche29</div></td></tr><tr><td><div class="relative"><div class="day">30</div></div><div class="daytitle">Lundi30</div></td><td colspan="6" class="padding"></td></tr></tbody></table></div><thead><tr><th>Lun</th><th>Mar</th><th>Mer</th><th>Jeu</th><th>Ven</th><th>Sam</th><th>Dim</th></tr></thead><tbody><tr><td colspan="1" class="padding"></td><td><div class="relative"><div class="day">1</div></div><div class="daytitle">Mardi1</div></td><td><div class="relative"><div class="day">2</div></div><div class="daytitle">Mercredi2</div></td><td><div class="relative"><div class="day">3</div></div><div class="daytitle">Jeudi3</div></td><td><div class="relative"><div class="day">4</div></div><div class="daytitle">Vendredi4</div></td><td><div class="relative"><div class="day">5</div></div><div class="daytitle">Samedi5</div></td><td><div class="relative"><div class="day">6</div></div><div class="daytitle">Dimanche6</div></td></tr><tr><td><div class="relative"><div class="day">7</div></div><div class="daytitle">Lundi7</div></td><td><div class="relative"><div class="day">8</div></div><div class="daytitle">Mardi8</div></td><td><div class="relative"><div class="day">9</div></div><div class="daytitle">Mercredi9</div></td><td><div class="relative"><div class="day">10</div></div><div class="daytitle">Jeudi10</div></td><td><div class="relative"><div class="day">11</div></div><div class="daytitle">Vendredi11</div></td><td><div class="relative"><div class="day">12</div></div><div class="daytitle">Samedi12</div></td><td><div class="relative"><div class="day">13</div></div><div class="daytitle">Dimanche13</div></td></tr><tr><td><div class="relative"><div class="day">14</div></div><div class="daytitle">Lundi14</div></td><td><div class="relative"><div class="day">15</div></div><div class="daytitle">Mardi15</div></td><td><div class="relative"><div class="day">16</div></div><div class="daytitle">Mercredi16</div></td><td><div class="relative"><div class="day">17</div></div><div class="daytitle">Jeudi17</div></td><td><div class="relative"><div class="day">18</div></div><div class="daytitle">Vendredi18</div></td><td><div class="relative"><div class="day">19</div></div><div class="daytitle">Samedi19</div></td><td><div class="relative"><div class="day">20</div></div><div class="daytitle">Dimanche20</div></td></tr><tr><td><div class="relative"><div class="day">21</div></div><div class="daytitle">Lundi21</div></td><td><div class="relative"><div class="day">22</div></div><div class="daytitle">Mardi22</div></td><td><div class="relative"><div class="day">23</div></div><div class="daytitle">Mercredi23</div></td><td><div class="relative"><div class="day">24</div></div><div class="daytitle">Jeudi24</div></td><td><div class="relative"><div class="day">25</div></div><div class="daytitle">Vendredi25</div></td><td><div class="relative"><div class="day">26</div></div><div class="daytitle">Samedi26</div></td><td><div class="relative"><div class="day">27</div></div><div class="daytitle">Dimanche27</div></td></tr><tr><td><div class="relative"><div class="day">28</div></div><div class="daytitle">Lundi28</div></td><td><div class="relative"><div class="day">29</div></div><div class="daytitle">Mardi29</div></td><td><div class="relative"><div class="day">30</div></div><div class="daytitle">Mercredi30</div></td><td><div class="relative"><div class="day">31</div></div><div class="daytitle">Jeudi31</div></td><td colspan="3" class="padding"></td></tr></tbody></table></div><thead><tr><th>Lun</th><th>Mar</th><th>Mer</th><th>Jeu</th><th>Ven</th><th>Sam</th><th>Dim</th></tr></thead><tbody><tr><td colspan="4" class="padding"></td><td><div class="relative"><div class="day">1</div></div><div class="daytitle">Vendredi1</div></td><td><div class="relative"><div class="day">2</div></div><div class="daytitle">Samedi2</div></td><td><div class="relative"><div class="day">3</div></div><div class="daytitle">Dimanche3</div></td></tr><tr><td><div class="relative"><div class="day">4</div></div><div class="daytitle">Lundi4</div></td><td><div class="relative"><div class="day">5</div></div><div class="daytitle">Mardi5</div></td><td><div class="relative"><div class="day">6</div></div><div class="daytitle">Mercredi6</div></td><td><div class="relative"><div class="day">7</div></div><div class="daytitle">Jeudi7</div></td><td><div class="relative"><div class="day">8</div></div><div class="daytitle">Vendredi8</div></td><td><div class="relative"><div class="day">9</div></div><div class="daytitle">Samedi9</div></td><td><div class="relative"><div class="day">10</div></div><div class="daytitle">Dimanche10</div></td></tr><tr><td><div class="relative"><div class="day">11</div></div><div class="daytitle">Lundi11</div></td><td><div class="relative"><div class="day">12</div></div><div class="daytitle">Mardi12</div></td><td><div class="relative"><div class="day">13</div></div><div class="daytitle">Mercredi13</div></td><td><div class="relative"><div class="day">14</div></div><div class="daytitle">Jeudi14</div></td><td><div class="relative"><div class="day">15</div></div><div class="daytitle">Vendredi15</div></td><td><div class="relative"><div class="day">16</div></div><div class="daytitle">Samedi16</div></td><td><div class="relative"><div class="day">17</div></div><div class="daytitle">Dimanche17</div></td></tr><tr><td><div class="relative"><div class="day">18</div></div><div class="daytitle">Lundi18</div></td><td><div class="relative"><div class="day">19</div></div><div class="daytitle">Mardi19</div></td><td><div class="relative"><div class="day">20</div></div><div class="daytitle">Mercredi20</div></td><td><div class="relative"><div class="day">21</div></div><div class="daytitle">Jeudi21</div></td><td><div class="relative"><div class="day">22</div></div><div class="daytitle">Vendredi22</div></td><td><div class="relative"><div class="day">23</div></div><div class="daytitle">Samedi23</div></td><td><div class="relative"><div class="day">24</div></div><div class="daytitle">Dimanche24</div></td></tr><tr><td><div class="relative"><div class="day">25</div></div><div class="daytitle">Lundi25</div></td><td><div class="relative"><div class="day">26</div></div><div class="daytitle">Mardi26</div></td><td><div class="relative"><div class="day">27</div></div><div class="daytitle">Mercredi27</div></td><td><div class="relative"><div class="day">28</div></div><div class="daytitle">Jeudi28</div></td><td><div class="relative"><div class="day">29</div></div><div class="daytitle">Vendredi29</div></td><td><div class="relative"><div class="day">30</div></div><div class="daytitle">Samedi30</div></td><td colspan="1" class="padding"></td></tr></tbody></table></div><thead><tr><th>Lun</th><th>Mar</th><th>Mer</th><th>Jeu</th><th>Ven</th><th>Sam</th><th>Dim</th></tr></thead><tbody><tr><td colspan="6" class="padding"></td><td><div class="relative"><div class="day">1</div></div><div class="daytitle">Dimanche1</div></td></tr><tr><td><div class="relative"><div class="day">2</div></div><div class="daytitle">Lundi2</div></td><td><div class="relative"><div class="day">3</div></div><div class="daytitle">Mardi3</div></td><td><div class="relative"><div class="day">4</div></div><div class="daytitle">Mercredi4</div></td><td><div class="relative"><div class="day">5</div></div><div class="daytitle">Jeudi5</div></td><td><div class="relative"><div class="day">6</div></div><div class="daytitle">Vendredi6</div></td><td><div class="relative"><div class="day">7</div></div><div class="daytitle">Samedi7</div></td><td><div class="relative"><div class="day">8</div></div><div class="daytitle">Dimanche8</div></td></tr><tr><td><div class="relative"><div class="day">9</div></div><div class="daytitle">Lundi9</div></td><td><div class="relative"><div class="day">10</div></div><div class="daytitle">Mardi10</div></td><td><div class="relative"><div class="day">11</div></div><div class="daytitle">Mercredi11</div></td><td><div class="relative"><div class="day">12</div></div><div class="daytitle">Jeudi12</div></td><td><div class="relative"><div class="day">13</div></div><div class="daytitle">Vendredi13</div></td><td><div class="relative"><div class="day">14</div></div><div class="daytitle">Samedi14</div></td><td><div class="relative"><div class="day">15</div></div><div class="daytitle">Dimanche15</div></td></tr><tr><td><div class="relative"><div class="day">16</div></div><div class="daytitle">Lundi16</div></td><td><div class="relative"><div class="day">17</div></div><div class="daytitle">Mardi17</div></td><td><div class="relative"><div class="day">18</div></div><div class="daytitle">Mercredi18</div></td><td><div class="relative"><div class="day">19</div></div><div class="daytitle">Jeudi19</div></td><td><div class="relative"><div class="day">20</div></div><div class="daytitle">Vendredi20</div></td><td><div class="relative"><div class="day">21</div></div><div class="daytitle">Samedi21</div></td><td><div class="relative"><div class="day">22</div></div><div class="daytitle">Dimanche22</div></td></tr><tr><td><div class="relative"><div class="day">23</div></div><div class="daytitle">Lundi23</div></td><td><div class="relative"><div class="day">24</div></div><div class="daytitle">Mardi24</div></td><td><div class="relative"><div class="day">25</div></div><div class="daytitle">Mercredi25</div></td><td><div class="relative"><div class="day">26</div></div><div class="daytitle">Jeudi26</div></td><td><div class="relative"><div class="day">27</div></div><div class="daytitle">Vendredi27</div></td><td><div class="relative"><div class="day">28</div></div><div class="daytitle">Samedi28</div></td><td><div class="relative"><div class="day">29</div></div><div class="daytitle">Dimanche29</div></td></tr><tr><td><div class="relative"><div class="day">30</div></div><div class="daytitle">Lundi30</div></td><td><div class="relative"><div class="day">31</div></div><div class="daytitle">Mardi31</div></td><td colspan="5" class="padding"></td></tr></tbody></table></div></div>

Je vous remercie d'avance pour votre aide.

bee

[gene69]

je ne vais pas regarder ton code avant de savoir pourquoi tu ne t'interesses pas à cet outil ?

http://jqueryui.com/datepicker/

tu peux lui donner le même look que ton module à toi.

[beegees]

Salut,

Merci pour ta réponse rapide.

Je connais très bien datepicker pour l'avoir utilisé des dizaines de fois dans plusieurs sites.

Je ne l'utilise pas cette fois-ci car le calendrier que tu as pu voir est une première partie de mon travail.

Je vais devoir ensuite y afficher des données (dans les TD), des personnes devront cliquer sur les td pour changer les couleurs de ces dernières...

Datepicker n'est donc pas la solution cette fois-ci.

Je te remercie d'avance pour l'aide que tu m'apporteras.

bee

[gene69]

j'ai envie de te dire que c'est ta classe date qui *** parce qu'elle prends pas en compte la date que tu lui refiles... si tu lui refiles.

Déjà ce que tu peux faire c'est d'aller manuellement sur l'adresse topée par ajax et ajouter des var_dump(). => utilise $_REQUEST et pas $_POST ...

je serai curieux de voir ce que dit "beforeSend: alert( $('#sel_annee').val() )," parce que pour moi un select a obligatoirement un attribut name.

[beegees]

Merci pour ta réponse.

j'ai ajouté la ligne de code (online aussi) que tu m'as indiqué (sans le " à la fin), ça m'affiche l'année :

Si je choisis l'année 2014, l'alerte m'affiche 2014...

Qu'en penses-tu ?

Merci encore pour ton aide.

bee

[gene69]

je ne suis pas vraiment impressionné par ta classe date() qui ne me semble pas pratique. tu aurais pu creer une classe spécialisée Calendrier qui compose 2 datetime() et qui permet d’itérer (via interface iterator ou IteratorAggregate ) entre les deux dates via une périodicité configurable et un format configurable par des options "internes"

[beegees]

Ce que tu me proposes semble très intéressant, mais pas facile à mettre en œuvre (je débute avec la POO).

Je doute que quelqu'un puisse m'aider sur ce problème, cela me semble tellement compliqué à résoudre...

Merci pour ton aide.

bee

[gene69]

j'en dis que je veux un var_dump() en ligne 5 et 13 dans le code php.

[beegees]

C'est fait online :

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
<?php
 
   //require('config.php'); 
   require('date.php');
   $date = new Date();
   var_dump($date);
   if(!isset($_POST['year']))
   {
       $year = date('Y');
   }
   else
   {
       $year = $_POST['year'];
   }
   var_dump($year);

Merci pour l'aide.

Je peux t'envoyer le code source complet si tu veux ? il n'y a pas de bd liée actuellement.

[gene69]

Ce que tu me proposes semble très intéressant, mais pas facile à mettre en œuvre (je débute avec la POO).

un truc comme ça (non testé), si ça marche tu instancies ta classe, tu fais foreach...

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
Class Calendrier  implements Iterator {
 
	protected $start;
	protected $stop;
	protected $formatStr;
	protected $interval;
	protected $current;
	protected $key;
 
	private $order;
 
	function __construct( DateTime $start, DateTime $stop ){
		$this->start = $start;
		$this->current = clone $start; //à verifier
		$this->stop = $stop;		
		$this->order = $this->start->getTimestamp() < $this->stop->getTimestamp();
		$this->key = 0;
		//eventuellement
		$this->interval = new DateInterval('P1D');
	}
 
	function formatOutput($str){
		$this->formatStr = $str;
	}
 
 
	function setInterval( DateInterval $p ){
		$this->interval = $p;
	}
 
 
	function current ( ){
		if ( $this->formatStr === null ){
			return $this->current;
		}
		else {
			return $this->current->format($this->formatStr);
		}
	}
 
	function key ( ){
		return $this->key;
	}
 
	function next (){
		$this->key++;
		$this->go( $this->order );
	}
 
	function rewind ( ){
		$this->key--;
		$this->go( !$this->order );
	}
 
	function valid ( ){
		if ( $this->order ){
			return ( $this->start->getTimestamp() <= $this->current->getTimestamp() and $this->current->getTimestamp() <= $this->stop->getTimestamp() );		
		}
		else {
			return ( $this->stop->getTimestamp() <= $this->current->getTimestamp() and $this->current->getTimestamp() <= $this->start->getTimestamp() );		
		}
	}
 
	protected function go($dir){
		if ( $dir ){ //start est dans le bon sens 
			$this->current->add( $this->interval );
		}
		else {
			$this->current->sub( $this->interval );
		}
	}
}
 
// utilisation
$cal = new Calendrier( new DateTime("2013/01/01"), new DateTime("2013/03/31") );
$cal -> formatOutput('Y-m-d H:i:s'); // si je laisse null ici je retourne des DateTime et comme ya pas __toString sur dateTime on est emm***
foreach( $cal as $index as $jour ){
 echo 'jour n°',$index,' = ',$jour,' // '; 
 
}

voilà 30 minutes

Edit: extends au lieux de implements... j'ai honte. ça ce voit que j'ai pas testé.

[beegees]

Je te remercie mille fois pour ton dévouement.

Je ne peux malheureusement pas tester aujourd'hui, je testerai demain matin et je reviendrai vers toi pour t'indiquer si cela a fonctionné.

Quoi qu'il en soit, je te remercie encore pour ta patience, ton aide, ta gentillesse et ton efficacité.

Bonne soirée.
bee

[gene69]

pour ceux qui suivent, var_dump donne

string(4) "2013"
Array
(
    [2013] => Array
        (
            [1] => Array
                (
                    [1] => 2
                    [2] => 3
                    [3] => 4
                    [4] => 5
                    [5] => 6
                    [6] => 7
                    [7] => 1
                    [8] => 2
                    [9] => 3
                    [10] => 4
                    [11] => 5
                    [12] => 6
                    [13] => 7
                    [14] => 1
                    [15] => 2
                    [16] => 3
                    [17] => 4
                    [18] => 5
                    [19] => 6
                    [20] => 7
                    [21] => 1
                    [22] => 2
                    [23] => 3
                    [24] => 4
                    [25] => 5
                    [26] => 6
                    [27] => 7
                    [28] => 1
                    [29] => 2
                    [30] => 3
                    [31] => 4
                )

            [2] => Array
(...)

            [12] => Array
                (
                    [1] => 7
                    [2] => 1
                    [3] => 2
                    [4] => 3
                    [5] => 4
                    [6] => 5
                    [7] => 6
                    [8] => 7
                    [9] => 1
                    [10] => 2
                    [11] => 3
                    [12] => 4
                    [13] => 5
                    [14] => 6
                    [15] => 7
                    [16] => 1
                    [17] => 2
                    [18] => 3
                    [19] => 4
                    [20] => 5
                    [21] => 6
                    [22] => 7
                    [23] => 1
                    [24] => 2
                    [25] => 3
                    [26] => 4
                    [27] => 5
                    [28] => 6
                    [29] => 7
                    [30] => 1
                    [31] => 2
                )

        )

)

tu peux enlever

[beegees]

je les ai retiré.

[gene69]

il en reste. vire le print_r() c'est pas du html.

[gene69]

bon pour l'instant dans le html généré

• il manque le <table>
• il manque le <tr> avant la cellule de padding
• tu fermes un </div> que tu n'as pas ouvert.
• tu réitères ces erreurs tous les mois. quand on fait du js, alors on fait gaffe à ça.

corrige ça et ça marche (ou pas )
Personnellement, je te conseille d'envoyer du json et de transformer en html sur la page. de meme, tu peux envoyer jquery pour mettre ajouter les classes css dans les td via des selecteurs. Parce que même si c'est plus simple, avoir besoin du serveur pour des dates ... enfin.

Amis lecteurs, Attention a faire un système de calendrier qui ne plante pas les jours de changement d'heure, cad qui n'utilise pas le timestamp+86400 qui ne fonctionne pas. D'abord on a rarement l'occasion de vérifier cette hypothèse et ensuite ça fout le bronx dans les données alors que tout allait bien avant.