jquery - Cannot set property'gcalFeed' of undefined, error from gcal.js -
i using fullcalendar.js when call gcal.js gettting error in console, 'cannot set property'gcalfeed' of undefined' know gcalfeed , values can set to? following code ar pagefunction = function() {
// full calendar var date = new date(); var d = date.getdate(); var m = date.getmonth(); var y = date.getfullyear(); var hdr = { left: 'title', center: 'month,agendaweek,agendaday', right: 'prev,today,next' }; var initdrag = function (e) { // create event object (http://arshaw.com/fullcalendar/docs/event_data/event_object/) // doesn't need have start or end var eventobject = { title: $.trim(e.children().text()), // use element's text event title description: $.trim(e.children('span').attr('data-description')), icon: $.trim(e.children('span').attr('data-icon')), classname: $.trim(e.children('span').attr('class')) // use element's children event class }; // store event object in dom element can later e.data('eventobject', eventobject); // make event draggable using jquery ui e.draggable({ zindex: 999, revert: true, // cause event go revertduration: 0 // original position after drag }); }; var addevent = function (title, priority, description, icon) { title = title.length === 0 ? "untitled event" : title; description = description.length === 0 ? "no description" : description; icon = icon.length === 0 ? " " : icon; priority = priority.length === 0 ? "label label-default" : priority; var html = $('<li><span class="' + priority + '" data-description="' + description + '" data-icon="' + icon + '">' + title + '</span></li>').prependto('ul#external-events').hide().fadein(); $("#event-container").effect("highlight", 800); initdrag(html); }; /* initialize external events -----------------------------------------------------------------*/ $('#external-events > li').each(function () { initdrag($(this)); }); $('#add-event').click(function () { var title = $('#title').val(), priority = $('input:radio[name=priority]:checked').val(), description = $('#description').val(), icon = $('input:radio[name=iconselect]:checked').val(); addevent(title, priority, description, icon); }); /* initialize calendar -----------------------------------------------------------------*/ $('#calendar').fullcalendar({ header: hdr, buttontext: { prev: '<i class="fa fa-chevron-left"></i>', next: '<i class="fa fa-chevron-right"></i>' }, editable: true, droppable: true, // allows things dropped onto calendar !!! drop: function (date, allday) { // function called when dropped // retrieve dropped element's stored event object var originaleventobject = $(this).data('eventobject'); // need copy it, multiple events don't have reference same object var copiedeventobject = $.extend({}, originaleventobject); // assign date reported copiedeventobject.start = date; copiedeventobject.allday = allday; // render event on calendar // last `true` argument determines if event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderevent/) $('#calendar').fullcalendar('renderevent', copiedeventobject, true); // "remove after drop" checkbox checked? if ($('#drop-remove').is(':checked')) { // if so, remove element "draggable events" list $(this).remove(); } }, select: function (start, end, allday) { var title = prompt('event title:'); if (title) { calendar.fullcalendar('renderevent', { title: title, start: start, end: end, allday: allday }, true // make event "stick" ); } calendar.fullcalendar('unselect'); // google calender url. // see docs @ http://fullcalendar.io/docs/google_calendar/ // todo getting error check http://jsfiddle.net/100thgear/qkpfq/ events: 'https://www.google.com/calendar/feeds/herb.williams%40softwaretechnologygroup.com/public/basic' }, eventrender: function (event, element, icon) { if (!event.description == "") { element.find('.fc-event-title').append("<br/><span class='ultra-light'>" + event.description + "</span>"); } if (!event.icon == "") { element.find('.fc-event-title').append("<i class='air air-top-right fa " + event.icon + " '></i>"); } }, windowresize: function (event, ui) { $('#calendar').fullcalendar('render'); } }); /* hide default buttons */ $('.fc-header-right, .fc-header-center').hide(); $('#calendar-buttons #btn-prev').click(function () { $('.fc-button-prev').click(); return false; }); $('#calendar-buttons #btn-next').click(function () { $('.fc-button-next').click(); return false; }); $('#calendar-buttons #btn-today').click(function () { $('.fc-button-today').click(); return false; }); $('#mt').click(function () { $('#calendar').fullcalendar('changeview', 'month'); }); $('#ag').click(function () { $('#calendar').fullcalendar('changeview', 'agendaweek'); }); $('#td').click(function () { $('#calendar').fullcalendar('changeview', 'agendaday'); }); };
// end pagefunction
// loadscript , run pagefunction loadscript("js/plugin/fullcalendar/jquery.fullcalendar.min.js", pagefunction);
Comments
Post a Comment