Explain error in code using fullcalendar control to show Google calendar

It's giving me error "Line: 13 Error: Object doesn't support this property or method " please tell me what is problem in my code :

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
<html>
<head>
<link rel='stylesheet' type='text/css' href='../fullcalendar.css' />
<script type='text/javascript' src='../jquery/jquery.js'></script>
<script type='text/javascript' src='../jquery/ui.core.js'></script>
<script type='text/javascript' src='../jquery/ui.draggable.js'></script>
<script type='text/javascript' src='../jquery/ui.resizable.js'></script>
<script type='text/javascript' src='../fullcalendar.min.js'></script>
<script type='text/javascript'>
$(document).ready(function() {

$('#calendar').fullCalendar({
    events: $.fullCalendar.gcalFeed(
        "http://www.google.com/calendar/feeds/rajaish.rolen%40gmail.com/public/basic"
    )
});

});



</script>

</head>
<body>
<div id='calendar'></div>
</body>
</html>

Finally I got the answer :

$(document).ready(function() {

$('#calendar').fullCalendar({


events: $.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/rajaish.rolen%40gmail.com/public/basic'),

eventClick: function(event) {
// opens events in a popup window
window.open(event.url, 'gcalevent', 'width=700,height=600');
return false;
},

loading: function(bool) {
if (bool) {
 $('#loading').show();
}else{
 $('#loading').hide();
}
}

});

});

ansaurus

tags:

views:

answers:

Explain error in code using fullcalendar control to show Google calendar

related questions