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("<br/><span class='ultra-light'>" + event.description +
                                "</span>");
                        }
                        if (!event.icon == "") {
                            element.find('.fc-title').append("<i class='air air-top-right fa " + event.icon +
                                " '></i>");
                        }
                    }, 

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

2 réponses


ADN
Auteur
Réponse acceptée

Effectivement je me suis trompé de section :)
Je l'ai changé de section et j'en profite pour le mettre en résolu! J'ai reussi à regler mon problème pendant la nuit :D

Salut,

Ce que tu nous présente là est du Javascript, pourquoi l'avoir mis dans la catégorie PHP ? ;)