jQuery UI already has what you need. First use a container div with bg image of time. Then create a dragable and resizable div that can only be dragged/resized horizontally. Then use jquery.offset() to get where the div's left and right sides are and easily calculate start and end dates. Similar with the vertical time spanning case.
jQuery HowTo Resource - http://jquery-howto.blogspot.com On Fri, Jan 9, 2009 at 12:02 PM, Val <vagost...@gmail.com> wrote: > > Hi, > > I'm rather new to Jquery and hope someone can point me in the right > direction here. > > In my current project I need to implement some calendar event > functionality (similar to Google Calendar or Mobile Me calendar). In > a nutshell, I need to be able to: > - Create new div with click and drag > - Resize div by clicking on handles (while updating start and end > times) > - Drag divs to reposition on day grid (while updating new start and > end times) > > I know that JQuery UI offers some basic dragging and resizing, but > I've been looking all over for a plug-in or other project that would > provide the more advanced "calendar" functionality of tracking start > and end times as a div is moved or resized. > > I haven't been able to find any such project in Google, however. Can > anyone point me in the direction on where to start for this type of > thing? > > Thanks for your help, > Val >
