Beefed up event sources: Control over all $.ajax options. Event coloring through options. All event-level options available as "source" options. Event fetching more resilient to errors.

2011-02-10 22:40:16 -08:00 · 2011-02-10 22:40:16 -08:00 · 06e4734b05
commit 06e4734b05
parent f3fcd57530
7 changed files with 449 additions and 79 deletions
--- a/tests/sources_new.html
+++ b/tests/sources_new.html
@ -0,0 +1,171 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<head>
+<script type='text/javascript' src='../src/_loader.js?debug'></script>
+<script type='text/javascript' src='../src/gcal/_loader.js'></script>
+<script type='text/javascript'>
+
+/*
+
+(main options)
+startParam
+endParam
+cacheParam
+ignoreTimezone
+allDayDefault
+editable
+eventColor
+eventTextColor
+eventBorderColor
+eventBackgroundColor
+
+(event source)
+startParam
+endParam
+cacheParam
+ignoreTimezone
+allDayDefault
+className
+editable
+color
+textColor
+borderColor
+backgroundColor
+
+(event)
+className
+editable
+color
+textColor
+borderColor
+backgroundColor
+
+*/
+
+$(document).ready(function() {
+
+	var date = new Date();
+	var d = date.getDate();
+	var m = date.getMonth();
+	var y = date.getFullYear();
+	
+	$('#calendar').fullCalendar({
+		header: {
+			left: 'prev,next today',
+			center: 'title',
+			right: 'month,agendaWeek,basicWeek,agendaDay,basicDay'
+		},
+		editable: true,
+		selectable: true,
+		selectHelper: true,
+		eventSources: [
+		
+			{
+				url: 'http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic',
+				color: 'orange',
+				className: 'gcal',
+				success: function(events) {
+					console.log('successfully loaded gcal event data!', events);
+				},
+			},
+			
+			/*
+			$.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic', {
+				color: 'orange',
+				className: 'gcal'
+			}),
+			*/
+			
+			{
+				url: "../demos/json-events.php",
+				//editable: false,
+				color: 'red',
+				data: {
+					something: 'cool'
+				},
+				success: function() {
+					console.log('json-events.php is done!!!', arguments);
+				}
+			},
+		
+			{
+				color: 'purple',
+				events: [
+					{
+						title: 'All Day Event',
+						start: new Date(y, m, 1)
+					},
+					{
+						title: 'Long Event',
+						start: new Date(y, m, d-5),
+						end: new Date(y, m, d-2)
+					},
+					{
+						id: 999,
+						title: 'Repeating Event',
+						start: new Date(y, m, d-3, 16, 0),
+						allDay: false
+					},
+					{
+						id: 999,
+						title: 'Repeating Event',
+						start: new Date(y, m, d+4, 16, 0),
+						allDay: false
+					}
+				]
+			},
+			
+			{
+				events: [
+					{
+						title: 'Meeting',
+						start: new Date(y, m, d, 10, 30),
+						allDay: false
+					},
+					{
+						title: 'Lunch',
+						start: new Date(y, m, d, 12, 5),
+						end: new Date(y, m, d, 14, 43),
+						allDay: false
+					},
+					{
+						title: 'Birthday Party',
+						start: new Date(y, m, d+1, 19, 0),
+						end: new Date(y, m, d+1, 22, 30),
+						allDay: false
+					},
+					{
+						title: 'Click for Google',
+						start: new Date(y, m, 28),
+						end: new Date(y, m, 29),
+						url: 'http://google.com/'
+					}
+				]
+			}
+			
+		]
+	});
+	
+});
+
+</script>
+<style type='text/css'>
+
+body {
+	margin-top: 40px;
+	text-align: center;
+	font-size: 13px;
+	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
+	}
+
+#calendar {
+	width: 900px;
+	margin: 0 auto;
+	}
+
+</style>
+</head>
+<body>
+<div id='calendar'></div>
+</body>
+</html>