Open Grid Forum

Open Forum | Open Standards

Site Tools


Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
calendar [2015/01/16 21:58]
admin
calendar [2015/01/16 22:29] (current)
admin
Line 1: Line 1:
 +
 +<​PRELOAD>​
 +  ​
 +  /​dokuwiki/​calendar/​fullcalendar.css
 +  /​dokuwiki/​calendar/​lib/​jquery-ui-1.11.2.custom/​jquery-ui.theme.min.css
 +
 +  /​dokuwiki/​calendar/​lib/​moment.min.js
 +  /​dokuwiki/​calendar/​lib/​jquery.min.js
 +  /​dokuwiki/​calendar/​lib/​jquery-ui.custom.min.js
 +  /​dokuwiki/​calendar/​lib/​jquery-ui-1.11.2.custom/​jquery-ui.theme.min.js
 +
 +  /​dokuwiki/​calendar/​fullcalendar.min.js
 +  /​dokuwiki/​calendar/​gcal.js
 +</​PRELOAD>​
 +
 +<JS>
 +$(document).ready(function() {
 +    $('#​calendar'​).fullCalendar({
 + header: {
 + left: '​prev,​next today',​
 + center: '​title',​
 + right: '​month,​agendaWeek,​agendaDay'​
 + },
 + defaultView:​ '​month',​
 +        aspectRatio:​ 2,
 +        firstDay: 1,
 + editable: true,
 +        theme: true,
 +        scrollTime: '​08:​00:​00',​
 +        weekNumbers:​ true,
 +        googleCalendarApiKey:​ '​AIzaSyCm4SaZp9gcmPalF_ubA_xr924NfFrtOjE',​
 +
 + eventClick:​ function(event) {
 + // opens events in a popup window
 + window.open(event.url,​ '​gcalevent',​ '​width=700,​height=600'​);​
 + return false;
 + },
 + loading: function(bool) {
 + $('#​loading'​).toggle(bool);​
 + },
 +
 +        eventSources:​ [
 +            {
 +                googleCalendarId:​ '​opengridforum@gmail.com',​
 +                className: '​gcal-event'​ // an option!
 +            },
 +            {
 +                googleCalendarId:​ '​lc4gqr2cr23kbvgcmgkete47qk@group.calendar.google.com',​
 +                className: '​gcal-event'​ // an option!
 +            },
 +         // {
 + //  // US Holidays
 +         // ​   googleCalendarId:​ '​usa__en@holiday.calendar.google.com',​
 +         // ​   className: '​gcal-event'​ // an option!
 +         // }
 +        ]
 +    });
 +});
 +</JS>
 +
 +
 +<​HTML>​
 +<!-- <div id='​loading'>​loading...</​div>​ -->
 +<div id='​calendar'></​div>​
 +</​HTML>​
 +