Discussion :

[DjiLow]

Bonjour
Je viens vers vous car j'ai un soucis avec fullcalendar
J'aimerais que mon calendrier répertorie tous les évènements de ma base de données.
J'arrive à le faire tourner avec un élément mais cela ne fonctionne pas à partir du moment où je veux créer plusieurs évènements.


Voici le code fonctionnel pour un évènement:

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(document).ready(function() 
{
var annee = '<?php echo substr($rep['pres_jour'],0,4); ?>' ;
var mois = '<?php echo substr($rep['pres_jour'],6,1); ?>' ;
var jour = '<?php echo substr($rep['pres_jour'],8,2); ?>' ; 
 
$('#calendar').fullCalendar
({
editable: false,
events: [
{
title: '<?php echo $rep['struct_nom']."<br>De ".$rep['pres_heure_dbt']."<br>A ".$rep['pres_heure_fin'];?>',
start: new Date(annee,mois-1,jour)
}								]
});
});

Quelqu'un aurait-il une idée pour me faire avancer

[scourjean]

Au lieu d'utiliser :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var annee = '<?php echo substr($rep['pres_jour'],0,4); ?>' ;
var mois = '<?php echo substr($rep['pres_jour'],6,1); ?>' ;
var jour = '<?php echo substr($rep['pres_jour'],8,2); ?>' ;

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

start: new Date(annee,mois-1,jour)

Essaye :
start: '<?php echo substr($rep['pres_jour'],0,10); ?>'

Ca te permettra de faire une boucle sur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
{
title: '<?php echo $rep['struct_nom']."<br>De ".$rep['pres_heure_dbt']."<br>A ".$rep['pres_heure_fin'];?>',
start: '<?php echo substr($rep['pres_jour'],0,10); ?>'
}

[DjiLow]

Alors en fait depuis mon code a évolué

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
$(document).ready(function() {
 
$('#calendar').fullCalendar
({
events: [
{
title: '<?php echo $rep['struct_nom']."<br>De ".$rep['pres_heure_dbt']."<br>A ".$rep['pres_heure_fin'];?>',
start: '<?php echo $rep['pres_jour'];?>'
}
	]
});
 
});

En revanche je n'arrive pas à faire une boucle qui me permette de parcourir tous les éléments de mon tableau, et créer pour chaque élèments un events dans mon calendrier.
Merci d'avance

[baggie]

Tu ajoutes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

eventSources: [ "tonfichier.php" ],

dans la déclaration de ton fullCalendar.

Et dans tonfichier.php tu récupères tes évènements de cette manière :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
$requete = mysql_query('SELECT id,title FROM Matable;') ;
while($ligne=mysql_fetch_array($requete))
{
$tab[] = array('id'        => $ligne['id'],
		  'title'     => $ligne['title'],
		  'start'     => $start_date,
		 'end'       => $end_date,
		 'allDay'    => false,
		 'url'       => "#");
}
 
echo json_encode($tab);

avec $start_date et $end_date déclarées par exemple comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
$madate = "2011-02-08";
$monheure = "08:00";
$start_date = strtotime("$madate $monheure");
$end_date   = strtotime("$madate $monheure +2 hours"); // Date de début + 2h

Chaque évènement sera dispatché sur le fullcalendar

[DjiLow]

Merci baggie je vais tester cela ce soir et si je n'y arrive pas je me permettrais de poster à nouveau.

[DjiLow]

Bonsoir
Comme je le pensais je n'arrive pas à le mettre en œuvre
Voici donc mon code

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link rel='stylesheet' type='text/css' href='./fullcalendar.css' />
<script type='text/javascript' src='./jquery/jquery.js'></script>
<script type='text/javascript' src='./jquery/ui.core.js'></script>
<script type='text/javascript' src='./jquery/ui.draggable.js'></script>
<script type='text/javascript' src='./jquery/ui.resizable.js'></script>
<script type='text/javascript' src='./fullcalendar.js'></script>
<script type='text/javascript'>
 
 
 
$(document).ready(function() {
                                                                
        $('#calendar').fullCalendar
        ({
                eventSources: [ "./evenements.php?type=1" ],
        });
                                                                
});
 
</script>
<style type='text/css'>
 
body {
	margin-top: 40px;
	text-align: center;
	font-size: 14px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	}
 
	#calendar {
	width: 900px;
	margin: 0 auto;
	}
 
 
</style>
<div id='calendar'></div>

Et le contenu de mon fichier evenements.php

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
include_once('connect_user.php');
$type=$_GET['type'];
$req_liste = "SELECT ENFANT.enf_nom, ENFANT.enf_prenom, ENFANT.enf_date_naiss, STRUCTURE.struct_nom, PRESENCE_ENFANT.pres_jour, PRESENCE_ENFANT.pres_heure_dbt, PRESENCE_ENFANT.pres_heure_fin, PRESENCE_ENFANT.valider, STRUCTURE.struct_num, ENFANT.enf_num_carte, PRESENCE_ENFANT.pres_enf_num, ENFANT.enf_famille, ENFANT.enf_archive, ENFANT.enf_obs 
FROM ((PRESENCE_ENFANT INNER JOIN STRUCTURE_ENFANT ON PRESENCE_ENFANT.pres_struct_enf = STRUCTURE_ENFANT.etab_num) INNER JOIN ENFANT ON STRUCTURE_ENFANT.etab_num_enf = ENFANT.enf_num_carte) INNER JOIN STRUCTURE ON STRUCTURE_ENFANT.etab_num_struct = STRUCTURE.struct_num
WHERE enf_famille='".$_SESSION['num_fam']."'";
$req_liste.= "AND enf_num_carte='".$type."'";
echo $req_liste;
$req=mysql_query($req_liste) or die (mysql_error());
while($rep=mysql_fetch_array($req))
{
$tab[] = array('title'     => $rep['struct_nom']."<br>De ".$rep['pres_heure_dbt']."<br>A ".$rep['pres_heure_fin'],
		  'start'     => $rep['pres_jour']);
}
//print_r($tab); 
echo json_encode($tab);
?>

Si vous avez une idée pour m'aider je suis preneur
Merci d'avance