FullCalendar : Une gestion complète de calendrier via jQuery
J’ai fais une chouette découverte que je vous fais partager : FullCalendar
FullCalendar est un plugin jQuery qui vous permettra de créer un calendrier complet pour vos applications et sites web.
FullCalendar : Un calendrier complet via jQuery
Ce plugin consiste « simplement » à créer le visuel du calendrier et charger les évènements à afficher (en Ajax).
Entièrement paramétrable, il est possible également de gérer des actions sur les évènements du calendrier via un clic ou un drag & drop.
Malheureusement pour le moment il est impossible de modifier directement des évènements ou même leur titre, mais sa force réside dans quelques extensions disponibles, comme par exemple celle qui permet d’associer le flux calendrier de vos Google Calendar (Google Agenda) afin de les afficher directement sur vos applications web.
Pour ma part je vais étudier le sujet pour pouvoir le connecter à une base de donnée MySQL.
Je ne manquerais pas de vous tenir au courant ici même de l’évolution de ce chouette (et encore jeune) plugin !
Lien annexes :
- Site officiel de FullCalendar
- Page officielle Google Code de FullCalendar (pour les reports de bug, questions/réponses, changelog, …)
Tags : calendrier, fullcalendar, google agenda, google calendar, jquery, plugin
Article posté le Jeudi 30 avril 2009 à 14:25.Classé dans la catégorie JavaScript.
10 mai, 2010 à 15:06 Surfe sur
Bonjour,
Il en est ou de vos essaye ? Avez vous réussis à le connecter à une Base De Donné ?
J’aurai besoin d’aide pour cela si vous avez réussis
Merci
15 mai, 2010 à 14:28 Surfe sur
Bonjour,
J’ai fait des test avec le plugin jQuery avec une base de données MYSQL. J’ai adapté un ancien calendrier vers ce plugin. Fonctionne parfaitement.
Le principe est simple :
- Récupération des données dans la table;
- Traitement des données pour qu’elles soient dans le forme demandée;
- Intégration dans le code JS.
J’ai juste un petit souci, le plugin jQuery refuse plus de 90 évènements. (J’en ai 1500)
Aussi non, ma conclusion, Il est possible de travailler avec une DB (juste pour insérer les évènements pas encore tester le reste).
15 mai, 2010 à 17:50 Surfe sur
Bonjour,
Merci de votre réponses !
Serais-t-il possible de vous contactez par email ou skype ou msn ?
Pour avoir de l’aide, si possible !
Merci
Cordialement,
17 mai, 2010 à 18:51 Surfe sur
salut ,
Moi aussi je me casse la tete sur FullCalendar j essai d’ajouter une donnee mais je n y arrive pas
si qqun avait une idee
j arrive a l entrer dans ma BDD mais je n arrive pas a m en servir dans le prog
il ne reconnait que l « id » « title » « start » « end » et « allDay »
n y a til pas possibilite de rajouter par ex le lieu
17 mai, 2010 à 19:08 Surfe sur
On m’a donné ce lien pour m’aider (je code en ASP pour l’agenda en tout cas)
JSON : http://code.google.com/p/aspjson/
J’espère qu’il pourra vous aidez également
18 mai, 2010 à 9:03 Surfe sur
Salut,
super ta réactivité mais mon soucis n est pas la sauvegarde des évènements mais de créer un nouvel item comme le « lieu » ou le « descriptif » d un rdv.
j ai deja creer un champs ‘lieu’ dans ma base je suis capable de l alimenter via un un json mais impossible de le ramener depuis la base fullcalendar ne sait pas quoi en faire
18 mai, 2010 à 11:56 Surfe sur
Moi j’ai abandonné FullCalendar, je remarque pour l’utilité que j’ai, il n’est pas adapté ou trop compliqué
Je peux te conseiller : http://github.com/robmonie/jquery-week-calendar (Jquery Week Calendar)
Bonne chance !
21 mai, 2010 à 23:52 Surfe sur
Bonjour,
Voilà il y a du nouveau, il y avait un problème dans l’encode de certains enregistrement dans la DB, c’est pour cela que j’étais limité à 90 enregistrements.
l’
J’arrive à gérer la suppression d’un évènement en cliquant sur l’évènement puis delete. Pour cela je passe par une fonction de jquery qui travaille avec de l’ajax.
La fonction est :
$.get(« calend_modif_even.php »,
{ id: calEvent.id, action: « supprimer », niveauUser: calEvent.niveauUser },
function success(data){
$(‘#calendar’).fullCalendar(‘removeEvents’, function(calEvent2) { return calEvent2.id == calEvent.id });
$dialogContent.dialog(« close »);
}
);
Explication :
la fonction $.get() envoie par get, les variables id,action,niveauUser au script calend_modif_even.php et la fonction success() supprime l’évènement de l’affichage si il y a eu succès de la suppression.
C’est comme « calend_modif_even.php?id=1003&action=supprimer&niveauUser=5″
Tu peux me contacter via cette adresse : iusjzwso2wlw5ah@jetable.com
(Elle est valide 1 semaine cette adresse. C’est pour éviter les spams.)
25 mai, 2010 à 19:51 Surfe sur
Gestion de suppression en cliquant sur l’évènement => OK
Gestion d’ajout en cliquant sur le jour (moi,semaine,jour) => OK
9 juin, 2010 à 10:04 Surfe sur
Bonjour à tous,
J’utilise actuellement ce plugin pour un site que je dois réaliser pour mon école.
Serait-il possible d’avoir un exemple pour la récupération des données dans la base de données ?
Si vous ne pouvez pas, peut-être juste un simple mail d’explications ?
Cordialement
9 juin, 2010 à 10:21 Surfe sur
Bonjour,
voici un exemple :
http://www.hebergementimages.com/image-02b19c2b5a60b7657e7fd6d2252be5e8_MySQL—FullCalendar.png.html
Après dans le JS tu rajoute :
events: eventsList
Je gère le niveau des utilisateurs (peut voir, peut pas voir) > if($user['niveau']['numniveau'] >= $even['rang'])
9 juin, 2010 à 12:13 Surfe sur
Dans js : « var eventsList = ; »
9 juin, 2010 à 12:14 Surfe sur
Dans js : « var eventsList = ; »
9 juin, 2010 à 12:17 Surfe sur
Contacte moi par e-mail, ca sera plus facile :
08yg4y7dueosd4t@jetable.com
(tu recevra ma véritable e-mail par la suite)
10 juillet, 2010 à 13:22 Surfe sur
Bonjour,
Dans le cadre d’un projet professionnel nous essayons d’intégrer le Calendrier Week Calendar dans une page PHP, contenant déjà des fonctions Jquery. http://www.developpez.net/forums/d949930/webmasters-developpement-web/javascript/bibliotheques-frameworks/jquery/integrer-weekcalendar-jquery-page/
Après plusieurs recherches, nous nous sommes aperçu que le Calendrier fonctionnait bien sur une page seule, que nous erreurs étaient due (très certainement) aux différentes bibliothèques Jquery dans la page PHP…
Deux questions :
• Avez-vous déjà intégrer Week Calendar Jquery dans une page PHP, dans un environnement existant ? Est-ce possible ? Comment faire cohabiter plusieurs version de Jquery ?
• Connaitriez-vous des exemples de code (JSON)- , montrant le lien entre Week Calendar et Jquery ?
D’avance merci pour vos réponses
Bien Cordialement,
27 janvier, 2011 à 14:52 Surfe sur
Bonjour !
Une petite piste pour l’ajout et la suppression d’un évènement ?
31 mai, 2011 à 15:52 Surfe sur
Bonjour,
je seche sur le sujet…
la sauvegarde en BDD Mysql me pose probleme et la suppression, je n’en parle même pas.
c’est peut être trop demandé mais pourriez-vous me transmettre votre code source?
étant donné que vous avez réussi à faire exactement ce que je recherche, vous me seriez d’une aide énorme.
merci d’avance
12 juillet, 2011 à 20:18 Surfe sur
Je mets en ligne des tutos sur le site http://www.it-fb.eu/
12 juillet, 2011 à 20:39 Surfe sur
Le site est nouveau et donc je place petit à petit des tutos.