Jquery FullCalendar связан с GCal с модальным всплывающим окном

Хорошо... Я все еще новичок в использовании jquery и javascript. Я успешно реализовал 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, но он открывает новое окно, в любом случае я могу его закодировать, чтобы он открывал простое модальное всплывающее окно?

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

Джей


events fullcalendar modal-dialog popup
person Jay    schedule 15.07.2010    source источник

Ответы (1)


arrow_upward
0
arrow_downward

используйте 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;
        }
    });
});

person kcd    schedule 15.07.2010