Hello Group,
i'm trying to create a calendar / timetable like application, inspired
by the google calendar.
My basic requirements are this:
- an "event" is draggable from a list of events to an hour of a day
- the event is resizable to span several hours of the day it was
dragged to. The size (height) represents the duration of the event.
Some events may have a fixed size/duration so they can not be resized.
- the events of a day can be reordered
Using ui.draggable, ui.droppable and ui.resizable that was no problem.
But i have difficulties with the next requirements:
- the events should not overlap, so if an event sits at 10:00-11:00
other events can only be dragged to hours before or after the first
event.
- if i have a list like:
event1
event2
event3
and event2 gets resized than event3 should be pushed down.
- Imagine an event that has a fixed duration and spans several hours
of a day, lets say from 8:00 to 11:00. I now would like to add a break
to this event, say at 9:30 for 15 minutes, so that the end of the
event extends to 11:15.
As an alternative I thought about using a sortable list instead of
divs, one entry in the list representing 15 minutes.
So a day is a list of 24*4 entries. An event with a duration of 3
hours would be a list with 3*4 entries.
Now when i drag my event to the day i would need to replace the list
entries from the day list with the entries from the event list, but i
don't know if that is possible.
Adding a break to the event would work if the event itself is a
sortable list, right?
But can a list be made resizable so that the duration of the event can
be changed?
Maybe i'm thinking in the wrong direction and there is already an
better solution that i can use and didn't see.
Thanks for help or pointers into the right direction,
Dirk
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
