Note that there are some explanatory texts on larger screens.

plurals
  1. POfullcalendar viewRender Not working for me
    text
    copied!<p>Hi guys i'm using arshaw fullcalendar its a great plugin and i would like to get notified when the view changes in order to add a class to a span. i tried</p> <pre><code> $('#calendar').fullCalendar({ viewRender: function(view,element){alert("aha");}, defaultView:'basicDay', theme: true, header:{ right: 'month basicWeek basicDay', left: 'prev,next today', center: 'title' }, loading: function(bool){ if(bool){ $("body").addClass("loading"); }else{ $("body").removeClass("loading"); } }, lazyFetching: true, minTime: 8, maxTime: 17, allDaySlot: false, eventSources:[ { url: '/apptCalendar/appt?q=1', color: '#FAF29B', textColor: 'black', allDayDefault: false }, { url: '/apptCalendar/appt?q=2', color: '#4e394d1', textColor: '#FAF29B', allDayDefault: false }, { url: '/apptCalendar/appt?q=3', color: '#38df64', textColor: 'black', allDayDefault: false } ], eventRender: function(event, element){ element.find('span.fc-event-title').html(element.find('span.fc-event-title').text()); element.qtip({ content: {text:"&lt;script&gt;$('.qtip .addTitleInfo').addClass('hidden'); $(document).ready(function(){ $('#eventApptID"+event.id+"').each(function(){ $('#eventApptID"+event.id+"').val('"+event.appStatusID+"'); }); });&lt;/script&gt;&lt;div&gt;&lt;h6&gt;Therapy Type: "+event.therapyType+"&lt;/h6&gt;&lt;/div&gt;&lt;a href='/eval/new-eval/"+event.pat_id+"?appID="+event.thirdPAppID+"'"+"&gt;&lt;i class='icon-plus-sign'&gt;&lt;/i&gt; New Eval&lt;/a&gt;&lt;br&gt;\ &lt;a href='/note/new-note/"+event.pat_id+"?appID="+event.thirdPAppID+"'"+"&gt;&lt;i class='icon-plus-sign'&gt;&lt;/i&gt; New Note&lt;/a&gt;\ &lt;div&gt;DOB: "+event.dob+"&lt;/div&gt;&lt;div&gt;SSN: "+event.l4SSN+"&lt;/div&gt;&lt;div&gt;Appointment Status:&lt;/div&gt;&lt;select id='eventApptID"+event.id+"' class='input-large' onChange='updateApptStatus(this.value,"+event.id+","+event.pat_id+")'&gt;"+items+"&lt;/select&gt;&lt;div&gt;Comments: "+event.description+"&lt;/div&gt;", title: {text: event.title}, button: 'Close'}, show: { solo: true }, style: { classes: 'qtip-bootstrap', width: 300, height: 300 }, hide: { event: 'unfocus', }, position:{ my: 'bottom center', at: 'top center', target: 'event', viewport: $('#calendar') } }); } </code></pre> <p>});</p> <p>and that did not prompt an alert when the view changed. i would like it to. Can anyone help me out? </p> <p>Currently i have tried other methods of notification but have not been able to get it to work. Please let me know what i need to do to get this done.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload