Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
5 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>
12 
            $(document).ready(function()
13 
            {
14 
                $('#calendar').fullCalendar(
15 
                {
16 
                    header:
17 
                    {
18 
                        left: 'prev,next today',
19 
                        center: 'title',
20 
                        right: 'month,agendaWeek,agendaDay'
21 
                    },
22 
                    defaultDate: '2015-02-12',
23 
                    editable: true,
24 
                    eventLimit: true, // allow "more" link when too many events
25 
                    events:
26 
                    {
27 
                        url: 'php/get-events.php',
28 
                        error: function()
29 
                        {
30 
                            $('#script-warning').show();
31 
                        }
32 
                    },
33 
                    loading: function(bool)
34 
                    {
35 
                        $('#loading').toggle(bool);
36 
                    }
37 
                });
38 
            });
39 
        </script>
40 
        <style>
41 
            body {
42 
                margin: 0;
43 
                padding: 0;
44 
                font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
45 
                font-size: 14px;
46 
            }
47 
 
48 
            #script-warning {
49 
                display: none;
50 
                background: #eee;
51 
                border-bottom: 1px solid #ddd;
52 
                padding: 0 10px;
53 
                line-height: 40px;
54 
                text-align: center;
55 
                font-weight: bold;
56 
                font-size: 12px;
57 
                color: red;
58 
            }
59 
 
60 
            #loading {
61 
                display: none;
62 
                position: absolute;
63 
                top: 10px;
64 
                right: 10px;
65 
            }
66 
 
67 
            #calendar {
68 
                max-width: 900px;
69 
                margin: 40px auto;
70 
                padding: 0 10px;
71 
            }
72 
        </style>
73 
    </head>
74 
 
75 
    <body>
76 
        <div id='script-warning'> <code>php/get-events.php</code> must be running. </div>
77 
        <div id='loading'>loading...</div>
78 
        <div id='calendar'></div>
79 
    </body>
80 
 
81 
</html>