Jquery FullCalendar lié à GCal avec modal popup

Question

Okay ... Je suis encore assez nouveau pour utiliser jquery et javascripting. J'ai implémenté avec succès le Jquery FullCalendar sur mon site et je l'ai lié aux événements GCal.

Y at-il un moyen que je peux avoir les événements, lorsqu'on clique, pour faire un popup dans une fenêtre modale? c'est à dire. Tout comme le calendrier intégré de Google.

Mon code:

$(document).ready(function() { 

    $('#calendar').fullCalendar({ 
     theme: true, 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     editable: true, 
     events: $.fullCalendar.gcalFeed(
     "http://www.google.com/calendar/myxlmfeed" 
    ), 
     eventClick: function (event) { 
      if (event.url) { 
       window.open(event.url); 
       return false; 
      } 
     } 
    }); 

}); 

Le code I fourni a un eventClick mais il ouvre une nouvelle fenêtre, je peux le code de toute façon que donc il ouvre un simple menu surgissant modal?

Toute aide à ce sujet serait grandement appréciée!

Jay

Answer 1

utilisation nyromodal, un plugin jQuery populaire, et modifier votre code approprié:

<script type='text/javascript'> 
$(document).ready(function() { 
    $('#calendar').fullCalendar({ 
     editable: true, 

     events: "some json URL", 

     eventClick: function (event) { 
      $.nyroModalManual({ 
       url: event.url 
      }); 
      return false; 
     } 
    }); 
});