a web calendar - need to show events spanning multiple days like in google calendar...how????? — OZONE Asylum, home of the Mad Scientists

DHTML/Javascript

a web calendar - need to show events spanning multiple days like in google calendar...how?????

This page's ID: 30089

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Have you looked at the markup and CSS of Google Calendar or any other web based calendar ? I'm unsure how to do markup/render events that spans accross several lines. Ideally they should be in a single element so that you don't have to do some weird sh*t when drag'n drop'ing such event to another date. From what I see in your screenshots, a TABLE with some a row of TH for the week day, and a column of TH for the week number , then a bunch of TD for the date seem fine. Then to allow events spanning accross several days, you'd have to position:absolute some DIV in % on top the TABLE, but that seem quickly limited. On top of my head, I think that one solution to have events that can span accross several lines is to make do as above but with a twist. The duration of the events should be represented as a series of tags 1 day wide, and with a line-height/height 1 day tall. Position the start day using text-indent so that it only affects the first row of days, and the whole thing should behave just fine. [url=http://www.p01.org/][sigrotate][img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_love.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_love_small.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_charly.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_dk.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_reason.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_galaxy.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_neon88x31.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_teapot.png[/img][/sigrotate][/url] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu