You may also want to check out the jQuery UI selectable plugin. With it you could have a grid of DIVs or a table and with the mouse you can drag a lasso around cells to select and it will highlight them. See here for some demos:
http://ui.jquery.com/demos/selectable - Richard On Fri, Jan 9, 2009 at 9:37 AM, jQuery Lover <ilovejqu...@gmail.com> wrote: > > 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 > > >
