Forum : eventRender: Mettre une couleur via ID

Bonjour,

Voila je rencontre un petit problème avec mon code.
Je fais actuellement un site ou j'integre le plugin Fullcalendar.
J'ai un formulaire dans lequel je choisis une voiture et la date de debut et de fin. Une fois validé j'ai un "$('#add-event').click(function ()" qui m'enregistre les info dans deux tables. Ensuite intervient un "Fetch" qui récupère les info dans les tables pour les mettres dans le calendrier. Jusque la tout va bien.

Ce que j'aimerais faire c'est que la couleur de l'evenement dans le calendrier changer en fonction de la voiture choisi.
Ex: Si je prend la renault elle apparaitrat en rouge sur le calendrier
Si je prend la peugeot elle apparaitrat en vert dans le calendrier

Le plugin fullcalendar prend en charge "eventRender" Ici j'affiche sur la barre de mon calendrier quel voiture est entrée.
Voila ce que cela me donne

$('#calendar').fullCalendar({ /* importe les events du ajax type=fetch */ events: JSON.parse(json_events), /*Met sur la barre du calendrier l'info description (quel voiture) */ eventRender: function (event, element, icon) { if (!event.description == "") { element.find('.fc-title').append(" " + event.description + ""); } if (!event.icon == "") { element.find('.fc-title').append(""); } },

Etant débutant et en farfouillant sur internet j'ai trouvé un code qui me permet de changer la couleur de mon "event" qui est:

eventAfterRender: function (event, element, view) { var dataHoje = new Date(); if (event.start < dataHoje && event.end > dataHoje) { //event.color = "#FFB347"; //Em andamento orange element.css('background-color', '#FFB347'); } else if (event.start < dataHoje && event.end < dataHoje) { //event.color = "#77DD77"; //Concluído OK vert element.css('background-color', '#77DD77'); } else if (event.start > dataHoje && event.end > dataHoje) { //event.color = "#AEC6CF"; //Não iniciado bleu clair element.css('background-color', '#AEC6CF'); } },

Ce code change la couleur des events en fonction de leur position dans le calendrier.
ex: mois d'aout: tout les evenements sont vert
mois de juillet (mois précedent) tout les evenements sont orange
mois de Septembre (mois suivant) tout les evenements sont bleu.

Maintenant ce que j'aimerais c'est que l'event change de couleur en fonction de la voiture. Mais je ne sais pas dutout comment m'y prendre. Je dois aller chez l'ID' de la voiture dans ma base de donnée?

Merci pour votre aide

eventRender: Mettre une couleur via ID

2 réponses