FM / demos

/home/desid573/public_html/eway/pdd/app/webroot/admin/plugins/fullcalendar/demos/

/home/desid573/public_html/eway/pdd/app/webroot/admin/plugins/fullcalendar/demos

Name	Size	Mode	Actions
json/	-	0755	rm
php/	-	0755	rm
agenda-views.html	1913	0644	edit dl rm
basic-views.html	1911	0644	edit dl rm
default.html	1802	0644	edit dl rm
external-dragging.html	3684	0644	edit dl rm
gcal.html	1203	0644	edit dl rm
json.html	1516	0644	edit dl rm
languages.html	2985	0644	edit dl rm
selectable.html	2289	0644	edit dl rm
theme.html	1995	0644	edit dl rm
timezones.html	2784	0644	edit dl rm

Edit: /home/desid573/public_html/eway/pdd/app/webroot/admin/plugins/fullcalendar/demos/timezones.html (2784B)

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<link href='../fullcalendar.css' rel='stylesheet' />
<link href='../fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='../lib/moment.min.js'></script>
<script src='../lib/jquery.min.js'></script>
<script src='../fullcalendar.min.js'></script>
<script>

$(document).ready(function() {
		var currentTimezone = false;

// load the list of available timezones
		$.getJSON('php/get-timezones.php', function(timezones) {
			$.each(timezones, function(i, timezone) {
				if (timezone != 'UTC') { // UTC is already in the list
					$('#timezone-selector').append(
						$("<option/>").text(timezone).attr('value', timezone)
					);
				}
			});
		});

// when the timezone selector changes, rerender the calendar
		$('#timezone-selector').on('change', function() {
			currentTimezone = this.value || false;
			$('#calendar').fullCalendar('destroy');
			renderCalendar();
		});

renderCalendar();
	});

</script>
<style>

body {
		margin: 0;
		padding: 0;
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		font-size: 14px;
	}

#top {
		background: #eee;
		border-bottom: 1px solid #ddd;
		padding: 0 10px;
		line-height: 40px;
		font-size: 12px;
	}
	.left { float: left }
	.right { float: right }
	.clear { clear: both }

#script-warning, #loading { display: none }
	#script-warning { font-weight: bold; color: red }

#calendar {
		max-width: 900px;
		margin: 40px auto;
		padding: 0 10px;
	}

.tzo {
		color: #000;
	}

</style>
</head>
<body>

<div class='left'>
			Timezone:
			<select id='timezone-selector'>
				<option value='' selected>none</option>
				<option value='local'>local</option>
				<option value='UTC'>UTC</option>
			</select>
		</div>

<div class='right'>
			<span id='loading'>loading...</span>
			<span id='script-warning'><code>php/get-events.php</code> must be running.</span>
		</div>

</div>

</body>
</html>

Timezone:

loading... php/get-events.php must be running.