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:
Et le php correspondant:
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; }); });
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
Partager