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 src='../gcal.js'></script>
11 
<script>
12 
 
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 
 
22 
			// US Holidays
23 
			events: 'usa__en@holiday.calendar.google.com',
24 
 
25 
			eventClick: function(event) {
26 
				// opens events in a popup window
27 
				window.open(event.url, 'gcalevent', 'width=700,height=600');
28 
				return false;
29 
			},
30 
 
31 
			loading: function(bool) {
32 
				$('#loading').toggle(bool);
33 
			}
34 
 
35 
		});
36 
 
37 
	});
38 
 
39 
</script>
40 
<style>
41 
 
42 
	body {
43 
		margin: 40px 10px;
44 
		padding: 0;
45 
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
46 
		font-size: 14px;
47 
	}
48 
 
49 
	#loading {
50 
		display: none;
51 
		position: absolute;
52 
		top: 10px;
53 
		right: 10px;
54 
	}
55 
 
56 
	#calendar {
57 
		max-width: 900px;
58 
		margin: 0 auto;
59 
	}
60 
 
61 
</style>
62 
</head>
63 
<body>
64 
 
65 
	<div id='loading'>loading...</div>
66 
 
67 
	<div id='calendar'></div>
68 
 
69 
</body>
70 
</html>