Flux RSS
30 avr 2009

FullCalendar : Une gestion complète de calendrier via jQuery

Auteur: aDy | Classé dans: JavaScript

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

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 :

Tags : , , , , ,

Article posté le Jeudi 30 avril 2009 à 14:25.
Classé dans la catégorie JavaScript.

15 commentaires pour “FullCalendar : Une gestion complète de calendrier via jQuery”

  1. DrRevolte a dit:
    Mozilla Firefox 3.6.3 Windows XP

    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

  2. Frédéric Balon a dit:
    Mozilla Firefox 3.6.3 Windows 7

    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) :unsure:

    Aussi non, ma conclusion, Il est possible de travailler avec une DB (juste pour insérer les évènements pas encore tester le reste).

    :D

  3. DrRevolte a dit:
    Mozilla Firefox 3.6.3 Windows 7

    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,

  4. jag a dit:
    Internet Explorer 8.0 Windows 7

    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

  5. DrRevolte a dit:
    Mozilla Firefox 3.6.3 Windows 7

    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

  6. jag a dit:
    Mozilla Firefox 3.6.3 Windows 7

    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

  7. DrRevolte a dit:
    Mozilla Firefox 3.6.3 Windows XP

    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 !

  8. Frédéric Balon a dit:
    Mozilla Firefox 3.6.3 Windows 7

    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.)

    :)

  9. Frédéric Balon a dit:
    Mozilla Firefox 3.6.3 Windows 7

    Gestion de suppression en cliquant sur l’évènement => OK
    Gestion d’ajout en cliquant sur le jour (moi,semaine,jour) => OK

    :)

  10. Julien a dit:
    Mozilla Firefox 3.6.3 Windows XP

    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

  11. Frédéric Balon a dit:
    Mozilla Firefox 3.6.3 Windows 7

    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'])

    :D

  12. Frédéric Balon a dit:
    Mozilla Firefox 3.6.3 Windows 7

    Dans js : « var eventsList = ; »

  13. Frédéric Balon a dit:
    Mozilla Firefox 3.6.3 Windows 7

    Dans js : « var eventsList = ; »

  14. Frédéric Balon a dit:
    Mozilla Firefox 3.6.3 Windows 7

    Contacte moi par e-mail, ca sera plus facile :
    08yg4y7dueosd4t@jetable.com
    (tu recevra ma véritable e-mail par la suite)

  15. Marc-André RAYNAUD a dit:
    Internet Explorer 8.0 Windows XP

    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, :)

Laisser un commentaire

Emoticons Smile Grin Sad Surprised Shocked Confused Cool Mad Razz Neutral Wink Lol Red Face Cry Evil Twisted Roll Exclaim Question Idea Arrow Mr Green Face Happy Heart Kissing Ninja Pinch Sideways Silly Sleeping Tongue

:D :-) :( :o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: