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
| <script type="text/javascript">
// je stocke les dates des evenements dans une variable
var joursEvenement = {affich_date};
// je crée une fonction pour afficher mon calendrier avec les nouvelles dates
function creerCalendrier(date)
{
var evenement = false ;
if (joursEvenement != null) {
for (i = 0; i < joursEvenement.length; i++) {
if (date.getMonth() == joursEvenement[i][0] - 1 && date.getDate() == joursEvenement[i][1] && date.getFullYear() == joursEvenement[i][2]) {
evenement = true;
}
}
}
// je met une classe pour les dates sélectionnées + evenement
if (evenement) return [true, 'css_jour_evenement',"Evènement"];
else return [false, ' '] ;
}
// on affiche le calendrier
$("#datepicker").datepicker
({
// je récupere le calendrier
beforeShowDay: creerCalendrier,
// On sélection le jour le mois et l'année
onSelect: function()
{
var day1 = $("#datepicker").datepicker('getDate').getDate();
var month1 = $("#datepicker").datepicker('getDate').getMonth() + 1;
var year1 = $("#datepicker").datepicker('getDate').getFullYear();
// Je met la date en html
var fullDate = year1 + "-" + month1 + "-" + day1;
//var str_output = fullDate;
// J'envoie la date sectionner dans mon fichier php
$.ajax(
{
type: "POST",
url: "/requete_agenda.php",
data: "date=" + fullDate,
success: function (data)
{
//J'affiche le contenu'
$('#contenu').html(data);
}
});
}
});
// les pages pécédentes
$('a.prev').click(function (e)
{
e.preventDefault();
var id = $(this).attr("rel");
// on demande une confirmation
$.ajax(
{
type: "POST",
url: "/requete_agenda.php",
data: "prev=" + id,
success: function (data)
{
$('#contenu').html(data);
},
});
});
// les pages suivantes
$('a.suiv').click(function (e)
{
e.preventDefault();
var id = $(this).attr("rel");
// on demande une confirmation
$.ajax(
{
type: "POST",
url: "/requete_agenda.php",
data: "suiv=" + id,
success: function (data)
{
$('#contenu').html(data);
},
});
});
// Voir le mois en cours
$('a.Vmois').click(function (e)
{
e.preventDefault();
var id = $(this).attr("rel");
// on demande une confirmation
$.ajax(
{
type: "POST",
url: "/requete_agenda.php",
data: "mois=" + id,
success: function (data)
{
$('#contenu').html(data);
},
});
});
});
</script> |
Partager