Calendrier qui ne fonctionne pas

**beegees** · 27/03/2013, 19h38

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

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** · 27/03/2013, 20h08

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** · 27/03/2013, 20h11

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** · 27/03/2013, 20h33

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** · 27/03/2013, 20h39

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** · 27/03/2013, 20h45

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** · 27/03/2013, 20h47

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** · 27/03/2013, 20h49

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

**gene69** · 27/03/2013, 22h09

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.

Calendrier qui ne fonctionne pas

Langage PHP

Vue hybride

Discussions similaires

Partager

Partager