Forum : Tuto Calendrier en Php avec liens mois précédent / mois suivant

Bonjour,
Je viens vers vous pour m'aider à implémenter le système prev/next sur mon calendrier.
Ayant cherché sur grafikart, j'ai pu trouver une adaptation faite par "estragon" dans les commentaires de la vidéo.
Mais il y a un grand HIC, c'est que ça n'affiche que les mois de l'année en cours et s'arrête en décebre 2014 sans aller à janvier 2015 ,et pas les années précédentes ni suivantes, bien qu'il y a des évènements dans les mois de 2013 et 2015 dans la bdd.
voici les codes:
index.php
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
<title>calendrier</title>
<link type="text/css" rel="stylesheet" href="style.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

            <script type="text/javascript">
    jQuery(function($){
        var Tmonth = new Date();
        var month = Tmonth.getMonth()+1
        $('.month').hide();
        $('#month'+month).show();
        $('.months a').hide();
        $('#linkMonth'+month).show();
        $('#linkMonth'+month).addClass('active');
        var current = month;
        var up = current+1;
            $('#month'+current).slideUp();
            $('#month'+up).slideDown();
            $('.month').hide();
            $('#month'+up).show();
            $('#linkMonth'+current).hide();
            $('#linkMonth'+up).show();
            $('.months a#linkMonth'+current).removeClass('active');
            $('.months a#linkMonth'+up).addClass('active');
            current = up;

            if($('.months a:last').hasClass('active').toString() == 'true'){
                $('#up').hide();
            }else $('#up').show();
            $('#down').show();
            return false;
        });

        $('#down').click(function(){
            var down = current-1;
            $('#month'+current).slideUp();
            $('#month'+down).slideDown();
            $('.month').hide();
            $('#month'+down).show();
            $('#linkMonth'+current).hide();
            $('#linkMonth'+down).show();
            $('.months a#linkMonth'+current).removeClass('active');
            $('.months a#linkMonth'+down).addClass('active');
            current = down;

            if($('.months a:first').hasClass('active').toString() == 'true'){
                $('#down').hide();
            }else $('#down').show();
            $('#up').show();
            return false;
        });

    });
</script>

</head>
<body>

<?php
require ('date.php');
require ('config.php');
$date = new Date(); 
$year = date('Y');
$dates = $date->getAll($year);
$events = $date->getevents($year);
?>
<div class="periods">
    <div class="year"><?php echo $year; ?></div>

    <!--- rajout -->
    <div id="mois">
    <a href="#" id="down"> < </a> 
    <div class="months">
    <ul>
    <?php foreach ($date->months as $id=>$m): ?>
    <li><a href="#" id="linkMonth<?php echo $id+1; ?>"><?php echo utf8_encode(utf8_decode($m)); ?></a></li>
    <?php endforeach; ?>
    </ul>
    </div>
    <a href="#" id="up"> > </a>
    </div>  
    <!--- rajout -->

    <div class="clear"></div>
    <?php $dates = current($dates); ?>
    <?php foreach ($dates as $m => $days): ?>
        <div class="month relative" id="month<?php echo $m; ?>">
            <table>
                <thead>
                    <tr>
                    <?php foreach ($date->days as $d): ?>
                        <th><?php echo substr($d,0,8); ?></th>
                    <?php endforeach; ?>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                    <?php $end = end($days); foreach($days as $d => $w): ?>
                    <?php $time = strtotime("$year-$m-$d"); ?>
                    <?php if ($d == 1 and $w != 1): ?>
                        <td colspan="<?php echo $w - 1; ?>" class="padding"></td>
                    <?php endif; ?>
                        <td <?php if ($time == strtotime(date('Y-m-d'))): ?> class="today" <?php endif; ?>>
                            <div class="relative">
                                <div class="day"><?php echo $d; ?></div>
                            </div>
                            <div class="daytitle">
                                <?php echo $date->days[$w-1] ?> <?php echo $d ?> <?php echo $date->months[$m-1] ?>
                            </div>
                            <ul class="events">
                            <?php if (isset ($events[$time])): foreach($events[$time] as $e):?>
                                <li ><?php echo $e ?> </li>
                            <?php endforeach; endif; ?>
                            </ul>
                        </td>
                        <?php if ($w == 7): ?>
                    </tr>
                    <tr>
                    <?php endif; ?>
                    <?php endforeach; ?>
                    <?php if ($end != 7): ?>
                        <td colspan="<?php echo 7 - $end; ?>" class="padding"></td>
                    <?php endif; ?>
                    </tr>
                </tbody>
            </table>
        </div>
    <?php endforeach; ?>
</div>

</body>
</html>

date.php

    class Date{
        var $days = array('Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi','Dimanche');
        var $months = array('Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre');

        function getEvents($year){
            global $DB;
            // Pour la requete ajoutez heure dans le select
            $req = $DB->query('SELECT id,title,date FROM events WHERE YEAR(date)='.$year);
            $r = array();
            while($d = $req->fetch(PDO::FETCH_OBJ))
            {
            $r[strtotime($d->date)][$d->id]=$d->title ;
            }
            return $r;
        }

        function getAll($year){   

            $r = array();
            $date = new DateTime($year.'-01-01'); 
            while($date->format('Y') <= $year){

                $y=$date->format('Y') ;
                $m=$date->format('n') ;
                $d=$date->format('j') ;
                $w=str_replace('0','7', $date->format('w') );
                $r[$y][$m][$d]= $w;
                $date->add(new DateInterval('P1D'));
            }
            return $r;
        }
    }
?>

Le tutoriel est très bien fait et j'ai cherché sur le web, il n'y a pas d"équivalent. Seulement, cette possibilitè de naviguer à trevers des liens mois-précedent/mois-suivant sur plusieures années lui fait défaut. Et ce serais le bouquet final si , avec votre aide on pourrait lui apporter cette touche.
Y-a-t-il possibilité de fusionner la div id="mois" et la div class="year" en une seule genre
<< Décembre 2014 >>

37 réponses

Lartak

Bonjour.
C'est normal puisque déjà là :

$year = date('Y');

C'est défini à l'année courante et vu que dans la requête de la BDD :

WHERE YEAR(date)='.$year

Il est indiqué de retourner tous les enregistrements de l'année courante, tu ne peux donc pas avoir des enregistrements retournés ni pour l'année précédente, ni pour la suivante.