Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1 
<!DOCTYPE html>
2 
<html>
3 
 
4 
    <head>
5 
        <meta charset='utf-8' />
6 
        <link href='../fullcalendar.css' rel='stylesheet' />
7 
        <link href='../fullcalendar.print.css' rel='stylesheet' media='print' />
8 
        <script src='../lib/moment.min.js'></script>
9 
        <script src='../lib/jquery.min.js'></script>
10 
        <script src='../fullcalendar.min.js'></script>
11 
        <script src='../gcal.js'></script>
12 
        <script>
13 
            $(document).ready(function()
14 
            {
15 
                $('#calendar').fullCalendar(
16 
                {
17 
                    // THIS KEY WON'T WORK IN PRODUCTION!!!
18 
                    // To make your own Google API key, follow the directions here:
19 
                    // http://fullcalendar.io/docs/google_calendar/
20 
                    googleCalendarApiKey: 'AIzaSyDcnW6WejpTOCffshGDDb4neIrXVUA1EAE',
21 
                    // US Holidays
22 
                    events: 'usa__en@holiday.calendar.google.com',
23 
                    eventClick: function(event)
24 
                    {
25 
                        // opens events in a popup window
26 
                        window.open(event.url, 'gcalevent', 'width=700,height=600');
27 
                        return false;
28 
                    },
29 
                    loading: function(bool)
30 
                    {
31 
                        $('#loading').toggle(bool);
32 
                    }
33 
                });
34 
            });
35 
        </script>
36 
        <style>
37 
            body {
38 
                margin: 40px 10px;
39 
                padding: 0;
40 
                font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
41 
                font-size: 14px;
42 
            }
43 
 
44 
            #loading {
45 
                display: none;
46 
                position: absolute;
47 
                top: 10px;
48 
                right: 10px;
49 
            }
50 
 
51 
            #calendar {
52 
                max-width: 900px;
53 
                margin: 0 auto;
54 
            }
55 
        </style>
56 
    </head>
57 
 
58 
    <body>
59 
        <div id='loading'>loading...</div>
60 
        <div id='calendar'></div>
61 
    </body>
62 
 
63 
</html>