Template:Team:SydneyUni Australia/Calendar Init

From 2013.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 3: Line 3:
<head>
<head>
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Template:Team:SydneyUni_Australia/Calendar/Calendar_CSS?action=raw&ctype=text/css">
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Template:Team:SydneyUni_Australia/Calendar/Calendar_CSS?action=raw&ctype=text/css">
-
</head>
+
 
 +
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Template:Team:SydneyUni_Australia/Calendar/qTip_CSS?action=raw&ctype=text/css">
<!-- JQuery -->
<!-- JQuery -->
Line 10: Line 11:
</script>
</script>
<script type="text/javascript" charset="utf-8" type="text/javascript" src="https://2013.igem.org/Template:Team:SydneyUni_Australia/Calendar/Calendar_JS?action=raw&ctype=text/javascript">
<script type="text/javascript" charset="utf-8" type="text/javascript" src="https://2013.igem.org/Template:Team:SydneyUni_Australia/Calendar/Calendar_JS?action=raw&ctype=text/javascript">
-
</script>
 
-
<script type="text/javascript" charset="utf-8" type="text/javascript" src="https://2013.igem.org/Template:Team:SydneyUni_Australia/Calendar/qTip?action=raw&ctype=text/javascript">
 
</script>
</script>
-
<script type="text/javascript">
+
</head>
-
 
+
-
$(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, basicWeek, basicDay'
+
-
        },
+
-
        //events: "Calendar.asmx/EventList",
+
-
        //defaultView: 'dayView',
+
-
        events: [
+
-
        {
+
-
            title: 'All Day Event',
+
-
            start: new Date(y, m, 1),
+
-
            description: 'long description',
+
-
            id: 1
+
-
        },
+
-
        {
+
-
            title: 'Long Event',
+
-
            start: new Date(y, m, d - 5),
+
-
            end: new Date(y, m, 1),
+
-
            description: 'long description3',
+
-
            id: 2
+
-
        }],
+
-
        eventRender: function(event, element) {
+
-
            element.qtip({
+
-
                content: event.description + '<br />' + event.start,
+
-
                style: {
+
-
                    background: 'black',
+
-
                    color: '#FFFFFF'
+
-
                },
+
-
                position: {
+
-
                    corner: {
+
-
                        target: 'center',
+
-
                        tooltip: 'bottomMiddle'
+
-
                    }
+
-
                }
+
-
            });
+
-
        }
+
-
    });
+
-
});
+
 +
<script type="text/javascript" charset="utf-8" type="text/javascript" src="https://2013.igem.org/Template:Team:SydneyUni_Australia/Calendar/qTip?action=raw&ctype=text/javascript">
</script>
</script>
-
 
-
<div id='calendar' style='margin:3em 0;font-size:13px'></div>
 
</html>
</html>
 +
 +
{{Team:SydneyUni_Australia/Calendar/Events_List}}

Latest revision as of 10:42, 24 September 2013

Retrieved from "http://2013.igem.org/Template:Team:SydneyUni_Australia/Calendar_Init"