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

Code : Tout sélectionner

var fourthOfJuly = moment('2014-07-04','YYYY-MM-DD');
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