Agenda PHP et htm qui récupére les événements a partir d'une bdd

guedo Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   -  
guedo Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à toute la communautés,
Avant de commencer je compte vous remercier encore une fois pour votre travail.

Je me dirige vers vous après quelques heures de travail et de recherche sur les forums.
Mes conclusions sont que soit tout le monde sait déjà le faire en tout cas personne à le même problème que moi :))

Je doit créer un agenda qui serait alimenter a partir de ma BDD depuis la table "intervention" qui se caractérise de cette façon :
- id: type int primaire
- titre: varchar
- debut: date
- fin: date

Au début je ne comprenais pas le fonctionnement de l'agenda pour l'affichage des événements puis hier j'ai réussi a en afficher 1 sur les 3 que j'ai créé dans ma bdd pour tester.
L'agenda que j'ai télécharger est celui ci que j'ai trouver sur un forum: https://fullcalendar.io/docs/getting-started

Voici mon code je vous prie de bien vouloir me donner mon erreur s'il vous plait (la requête pdo récupère bien toutes les lignes de ma table) : 
<?[/contents/1351-introduction-a-php php]

include ("class_Pdo.php");

$co = new PdoRdv();

$res=$co -> intervention();
$i=0;

?>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<link href='../fullcalendar.css' rel='stylesheet' />
<link href='../fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='../lib/moment.min.js'></script>
<script src='../lib/jquery.min.js'></script>
<script src='../fullcalendar.min.js'></script>
<script>
<?php
while ($i < count ( $res )){
?>
	$(document).ready(function() {
		
		$('#calendar').fullCalendar({
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
			defaultDate: '2015-02-12',
			editable: true,
			eventLimit: true, // allow "more" link when too many events
			events: [
				{
					title: '<?php echo $res[$i]['titre']; ?>',
					start: '<?php echo $res[$i]['debut']; ?>',
				}
			]
		});
		
	});
<?php
$i=$i+1;
}
?>

</script>
<style>

	body {
		margin: 40px 10px;
		padding: 0;
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		font-size: 14px;
	}

	#calendar {
		max-width: 900px;
		margin: 0 auto;
	}

</style>
</head>
<body>

	<div id='calendar'></div>

</body>
</html>


Je vous remercie pour le temps que vous aurez passez sur mon sujet
Cordialement.
A voir également:

1 réponse

Réponse 1 / 1
Thorak83 Messages postés 1051 Date d'inscription   Statut Membre Dernière intervention   156
 
Bonjour,
Dans l'exemple "json.html" livré avec ce script tout est expliqué.
Dans votre exemple, déjà, vous ne pouvez pas faire une boucle avec à l'intérieur $('#calendar').fullCalendar. Cela se fait 1 fois seulement.
Regardez l'exemple json.html. 
$('#calendar').fullCalendar({
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
    },
    defaultDate: '2015-02-12',
    editable: true,
    eventLimit: true,
    events: {
      url: 'php/get-events.php',
      error: function() {
        $('#script-warning').show();
      }
    }
  });
});

et c'est dans get-event.php que l'on retourne un tableau json de tous les évenements 
echo json_encode($output_arrays);
0
guedo Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   1
 
Alors si j'ai bien compris c'est le fichier json.html qui va m'afficher mon agenda et le fichier get-event.php qui va recupérer les evenements de ma base de données ?
0
Thorak83 Messages postés 1051 Date d'inscription   Statut Membre Dernière intervention   156
 
yes voir ce très bon tuto

https://jamelbaz.com/tutos/integration-de-fullcalendar-avec-php-mysql
0
guedo Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   1
 
je vais regarder le tuto je te tien au courant merci
0