Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

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