Week planner

For this demo, the script is pulling random generated events from the server. In production, you will turn off Demo Mode and instead pull data from a database.

Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
0000
0100
0200
0300
0400
0500
0600
0700
0800
0900
1000
1100
1200
1300
1400
1500
1600
1700
1800
1900
2000
2100
2200
2300

How it works

This script uses Ajax(Asyncron Javascript and XML) to read event data from the server.

New event: Hold your mouse down and drag

Move event: Hold your mouse down at the top of an event and drag

Resize event: Hold your mouse down at the bottom of an event and drag

Edit event: Hold your mouse down at the middle of an event and wait until a textarea appears. Click outside of the textarea when you're finished or hit the escape key to cancel the changes

Delete event: Click on event and press delete key on your keyboard