2010-07-15 5 views
0

Хорошо ... Я до сих пор довольно новичок в использовании jquery и javascripting. Я успешно реализовал JQuery FullCalendar на своем сайте и связал его с событиями GCal.JQuery FullCalendar, связанный с GCal с модальным всплывающим окном

Есть ли способ, чтобы события, когда вы нажимали, могли всплывать в модальном окне? то есть. точно так же, как встроенный календарь, который предоставляет Google.

Мой код:

$(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; 
      } 
     } 
    }); 

}); 

Код я предоставил имеет eventClick, но он открывает новое окно, в любом случае я могу закодировать, что так оно открывает простое модальное всплывающее окно?

Любая помощь по этому вопросу будет оценена по достоинству!

Jay

ответ

0

nyromodal использование, популярный JQuery плагин, и изменить код соответственно:

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

     events: "some json URL", 

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