Page 1 sur 1
Ajax : returner multiple data
Posté : 12 juil. 2017, 01:52
par Shinra_Tensei
Bonjour,
je travaille actuellement avec plugin fullcalendar et j'ai besoin d'ajouter des jours feries qui sont stockés dans ma bdd
et alors je suis pas parvenu a trouver des solutions.
j'ai trouvé un code similaire :
http://jsfiddle.net/marcrazyness/C8jpm/
celui la on ajoute la date manuellement
et puis la case devienne en gris
mais moi j'ai besoin de ramener ces jours via ma bdd
et merci pour votre aide
Re: Ajax : returner multiple data
Posté : 12 juil. 2017, 19:20
par Shinra_Tensei
une aide s'il vous plaît
Re: Ajax : returner multiple data
Posté : 12 juil. 2017, 19:54
par @rthur
Bonjour,
Si tu ajoutes à ton code javascript la ligne de code que tu as indiquée, le plugin réagit comme tu le souhaites ?
Re: Ajax : returner multiple data
Posté : 13 juil. 2017, 00:26
par Shinra_Tensei
ouais comme indiquer dans le lien tout marche mais juste pour une seule date qui etait ecrite var fourthOfJuly = moment('2014-07-04','YYYY-MM-DD');
moi j'aimerai ramener ces date via ma table et puis l'introduire ici
Re: Ajax : returner multiple data
Posté : 13 juil. 2017, 01:11
par Shinra_Tensei
j'ai trouvé ce code
Code : Tout sélectionner
eventSources: [
{
url: ' http://localhost/gentelella/production/events.php' // url to get holiday events
}
// any other sources...
],
eventAfterRender: function(event, element, view) {
// lets test if the event has a property called holiday.
// If so and it matches '1', change the background of the correct day
if (event.holiday == '1') {
var dateString = event.start.format("YYYY-MM-DD");
$(view.el[0]).find('.fc-day[data-date=' + dateString + ']')
.css('background-color', 'red');
}
}
et dans events.php j'ai ma liste des evenements..et la case devienne rougecomme souhaité
le probleme cest que je veux pas afficher le box en bleu la:
http://imgur.com/a/lHgmK
je veux seulement rendre la case rouge
Re: Ajax : returner multiple data
Posté : 13 juil. 2017, 08:36
par @rthur
Vu le code suivant :
var fourthOfJuly = moment('2014-07-04','YYYY-MM-DD');
var holidays = [fourthOfJuly];
Je dirai qu'il suffit de mettre la liste des dates à désactiver dans le tableau holidays :
var holidays = [moment('2014-07-04','YYYY-MM-DD'), moment('2014-07-14','YYYY-MM-DD')];
http://jsfiddle.net/C8jpm/194/
Donc désormais on sait désactiver plusieurs dates via javascript, ensuite il faut juste que tu récupères en PHP la liste des dates et que tu en fasse un foreach et un echo dans le tableau JS que je t'ai montré
Re: Ajax : returner multiple data
Posté : 13 juil. 2017, 17:34
par Shinra_Tensei
Merci @rthur pour ta reponse ca m'aide beaucoup
mais comment je peux faire le tableau
car il faut des [] dans la variable holidays
je vois pas comment faire
Re: Ajax : returner multiple data
Posté : 14 juil. 2017, 06:55
par @rthur
Si c'était moi, je génèrerais ce code javascript directement PHP en récupérant les dates dans ta bdd mysql et en faisant un echo de chaque date exactement comme dans mon exemple.
Il y a un tuto ici pour récupérer des données en PHP dans une bdd si tu ne sais pas faire :
https://openclassrooms.com/courses/conc ... -donnees-2