Discussion :

[dfournier.pro]

Bonjour,

Je souhaite afficher uniquement le mois en cours lors du chargement de la page et avoir la possibilité de basculer sur un autre mois à l'aide des flèches et cacher ainsi les autres mois.
Est-ce que l'un d'entre vous peut m'indiquer ce que je dois modifier dans mon script? Merci d'avance

Voici mon résultat actuel:


voici mon code jquery mit dans une balise script:

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
jQuery(function ($) {
    var date = new Date();
    var current = date.getMonth() + 1;
    $('.month').hide();
    $('#month' + current).show();
    $('.months a#linkMonth' + current).addClass('active');
    $('.months a').click(function () {
        var month = $(this).attr('id').replace('linkMonth', '');
        if (month != current) {
            $('#month' + current).slideUp();
            $('#month' + month).slideDown();
            $('.months a').removeClass('active');
            $('.months a#linkMonth' + month).addClass('active');
            current = month;
        }
        return false;
    });
});

Et le php correspondant:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
        <div class="months">
            <ul>
                <?php foreach ($date->months as $id=>$m): ?>
                    <li><div>
                            <a href="#" id="linkMonth<?php echo $id; ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
                            <a href="#" id="linkMonth<?php echo $id+1; ?>"><?php echo utf8_encode(utf8_decode($m)); ?></a>
                            <a href="#" id="linkMonth<?php echo $id+2; ?>"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                        </div>
                    </li>
                <?php endforeach; ?>
            </ul>
        </div>

Merci d'avance pour votre aide,

David