From the data point of view, resizing and moving are actually the same thing. When it is being recorded, the data fields that are changed are the start and end times, and nothing else. This is good, as it means we have very little extra to write.
In the widget, you resize an event by dragging its bottom border down or up, as shown:
And you move the events by dragging the top label, as shown:
In the calendar.js
file, add the following new events to the weekCalendar
call in the start-up section:
'eventDrop':function(calEvent, $event) { $.getJSON('./calendar.php?action=move',{ 'id':calEvent.id, 'start':calEvent.start.getTime()/1000, 'end':calEvent.end.getTime()/1000 },null); }, 'eventResize':function(calEvent, $event) { $.getJSON('./calendar.php?action=move',{ 'id':calEvent.id, 'start':calEvent.start.getTime()/1000, 'end':calEvent.end.getTime()/1000 },null); },
Both the events are exactly the same as you would expect...