summaryrefslogblamecommitdiffstats
path: root/index.html
blob: 86dc4b27bdcd9f1dc00bbe5ea4a68a70d425f830 (plain) (tree)


































































































                                                                                                                        
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<link rel='stylesheet' type='text/css' href='css/fullcalendar.css' />
		<script type='text/javascript' src='lib/jquery/jquery-1.5.2.min.js'></script>
		<script type='text/javascript' src='lib/jquery/jquery-ui-1.8.11.custom.min.js'></script> 		
		<script type='text/javascript' src='lib/jquery/fullcalendar.min.js'></script>
		
		
	<script type='text/javascript'> 
 
	$(document).ready(function() {
	
		var date = new Date();
		var d = date.getDate();
		var m = date.getMonth();
		var y = date.getFullYear();
		
		$('#calendar').fullCalendar({
			header: {
				left: 'title',
				center: 'prev,next today',
				right: 'agendaWeek,agendaDay'
			},
						
//TODO: disable overlaping events
			disableDragging: false,
			droppable: true,
						
			events: [
				{
					title: 'Thist is my first Event!',
					start:	new Date(y, m+1, d, 13, 15),
					end:	new Date(y, m+1, d, 14, 45),
					allDay: false
				},
				{
					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
				},
				{
					title: 'Meeting',
					start: new Date(y, m, d, 10, 30),
					allDay: false
				},
				{
					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 insertEvent(){
			var title=prompt(Checkbox="Title:","");
			var start=prompt("Start:","");
			var end=prompt("End:","");
		}
	</script> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Pool Control</title>
    </head>
    <body>
        <h1>Pool Control</h1>
		<input type="button" onclick='insertEvent();' value="+" />
		<div id='calendar' style='margin:3em 0;font-size:13px'></div>
    </body>
</html>