test file for new callbacks

2026-09-09 11:22:41 +08:00 · 2013-08-07 00:00:06 -07:00
parent fb1dbd63cf
commit 0c4f3a514a
1 changed files with 152 additions and 0 deletions
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html>
+<head>
+<link href='../build/out/fullcalendar.css' rel='stylesheet' />
+<link href='../build/out/fullcalendar.print.css' rel='stylesheet' media='print' />
+<script src='../build/out/jquery.js'></script>
+<script src='../build/out/jquery-ui.js'></script>
+<script src='../build/out/fullcalendar.js'></script>
+<script src='../build/out/gcal.js'></script>
+<script>
+
+	var date = new Date();
+	var d = date.getDate();
+	var m = date.getMonth();
+	var y = date.getFullYear();
+
+	var verbose = false;
+
+	$(document).ready(function() {
+		$('#calendar').fullCalendar({
+			
+			header: {
+				left: 'prev,next today',
+				center: 'title',
+				right: 'month,agendaWeek,basicWeek,agendaDay,basicDay'
+			},
+			editable: true,
+			selectable: true,
+
+			viewRender: function(view, element) {
+				console.log('viewRender');
+				//alert('viewRender');
+				if (verbose) {
+					console.log(' this', this);
+					console.log(' view', view);
+					console.log(' element', element);
+				}
+			},
+
+			eventAfterAllRender: function(view) {
+				console.log('eventAfterAllRender');
+				if (verbose) {
+					console.log(' this', this);
+					console.log(' view', view);
+				}
+			},
+
+			viewDestroy: function(view, element) {
+				console.log('viewDestroy');
+				//alert('viewDestroy');
+				if (verbose) {
+					console.log(' this', this);
+					console.log(' view', view);
+					console.log(' element', element);
+				}
+			},
+
+			eventDestroy: function(event, element) {
+				console.log('eventDestroy');
+				//alert('eventDestroy');
+				if (verbose) {
+					console.log(' this', this);
+					console.log(' event', event);
+					console.log(' element', element);
+				}
+			},
+
+			/*
+
+			viewDisplay: function(view) { // deprecated
+				console.log('viewDisplay');
+				if (verbose) {
+					console.log('The new title of the view is ' + view.title);
+				}
+			},
+
+			*/
+			
+			eventSources: [
+				{
+					url: "http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic",
+					editable: true,
+					className: 'holiday'
+				},
+				{
+					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
+						},
+						{
+							id: 888,
+							title: 'Meeting',
+							start: new Date(y, m, d, 10, 30),
+							allDay: false
+						},
+						{
+							id: 777,
+							title: 'Lunch',
+							start: new Date(y, m, d, 12, 0),
+							end: new Date(y, m, d, 14, 0),
+							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/'
+						}
+					]
+				}
+			]
+		});
+	});
+
+
+	function hyperJump() {console.log('hyperJump');
+		$('#calendar').fullCalendar('changeView', 'agendaWeek');
+		//alert('pause');
+		$('#calendar').fullCalendar('gotoDate', new Date(y, m+2, d));
+	}
+
+</script>
+</head>
+<body style='font-size:14px'>
+<button onclick='hyperJump()'>changeView+gotoDate</button>
+<div id='calendar' style='width:75%;margin:20px auto 0;font-family:arial'></div>
+</body>
+</html>