jQuery FullCalendar onclick-popup anzeigen

Hier mein jQuery Fullcalendar-Skript, das zeigt der Kalender in der grid-Ansicht. Jetzt onClick-event-ich will details anzeigen im popup statt öffnen im browser, ich habe versucht, viele Rückrufe aber hat nicht funktioniert. Hat jemand gearbeitet, bevor ?

$(document).ready(function() {

    $('#calendar').fullCalendar({

        //US Holidays
        //events: 'http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic',


        eventClick: function(event) {
            //opens events in a popup window
            window.open(event.url, 'gcalevent', 'width=700,height=600');
            return false;
        },

        loading: function(bool) {
            if (bool) {
                $('#loading').show();
            }else{
                $('#loading').hide();
            }
        }

    });

});

Versucht unten, was aber nicht funktioniert hat

eventClick: function(event) {
            if (event.url) {
              $('#myDialog')
                .load(event.url)
                .dialog({
                  width: 500,
                  height:300
                });
              return false;
        }},

So ist es derzeit funktioniert, ist es nur in einem Fenster öffnet, statt ein popup?
Ja, es funktioniert, aber öffnen link in neuem Fenster. Ich war auf der Suche für etwas öffnen möchten, im alert dialog-Fenster oder popup.

InformationsquelleAutor user45678 | 2013-09-10

calendar jquery

1

Wenn durch

details anzeigen im popup -

du meinst, eine Warnung, Sie könnten dies tun:
```
eventClick: function(calEvent, jsEvent, view) {
    alert('Event: ' + calEvent.title);
    //change the border color just for fun
    $(this).css('border-color', 'red');
}
```
In Aktion: http://jsfiddle.net/vegemite4me/N8XT9/

Dank vegemite4me. Ich habe versucht, das gleiche von Ihren link zur Dokumentation, aber es funktioniert nicht
Funktioniert mein Beispiel in JSFiddle für Sie arbeiten? Es funktioniert für mich.
Ja habe ich versucht, diese als gut. Es zeigt rote Farbe für den Rand aber wieder, es öffnet sich in Registerkarte im browser
Ich bin versucht, diese auf Android. So hat es nichts zu tun hat, speziell mit android-Struktur ?
Es funktioniert in Chrome oder Firefox, bevor Sie versuchen, es auf einem Android.

InformationsquelleAutor vegemite4me
1

Geben diesem einen Versuch:

HTML
```
<div id="popup"></div>
```
CSS
```
#popup {
    display: none;
}
```
JQuery
```
eventClick: function(event) {
    //opens events in a popup window
    $('#popup').html('<iframe src="'+event.url+'" width="700" height="600"></iframe>');
    $('#popup').dialog({autoOpen: false, modal: true, width: 750, height: 675});
    return false;
},
```
Hinweis: Stellen Sie sicher, dass Sie herunterladen und gehören JQuery UI von hier aus wenn Sie nicht haben.

JSFiddle

Danke Chad, ich versuchte aber immer noch, es öffnet sich in neuem browser-Fenster und nicht im Dialogfeld an.
Ich bin versucht, diese auf Android. So hat es nichts zu tun hat, speziell mit android-Struktur ?

InformationsquelleAutor Tricky12

können Sie eventClick für fullcalendar wie unten

 $('#calendar').fullCalendar({
 eventClick: function(calEvent, jsEvent, view) {
//call your javascript function to open modal or popup here
alert('Event: ' + calEvent.title);
alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
alert('View: ' + view.name);

//change the border color just for fun
$(this).css('border-color', 'red');

 }
});

Dokument link ist hier.

InformationsquelleAutor Hadi Rezaee

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.