Template:Team:SydneyUni Australia/Calendar Init

From 2013.igem.org

(Difference between revisions)
 
Line 18: Line 18:
</script>
</script>
-
<script type="text/javascript">
+
</html>
-
$(document).ready(function() {
+
{{Team:SydneyUni_Australia/Calendar/Events_List}}
-
+
-
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,agendaDay'
+
-
},
+
-
editable: true,
+
-
events: [
+
-
{
+
-
title: 'All Day Event',
+
-
start: new Date(y, m, 1),
+
-
description: 'Hello world!'
+
-
},
+
-
{
+
-
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/'
+
-
}
+
-
],
+
-
                        eventRender: function(event, element, view)
+
-
{
+
-
element.qtip({ content: "My Event: " + event.description});
+
-
}
+
-
});
+
-
+
-
});
+
-
 
+
-
</script>
+
-
 
+
-
<div id='calendar' style='margin:3em 0;font-size:13px'></div>
+
-
 
+
-
</html>
+

Latest revision as of 10:42, 24 September 2013