Credit: Timeline project maintained by David François Huynh,
at the SIMILE project.
NEW!!! To see how the bottom labller is clickable in both IE and firefox, please read this post found here on my blog.
NEW!!! This demo is ported to AjaxLab Command Prompt, you can add events to the timeline in command prompt as if you are in a unix environment!!
For details on how the timeline expand as events are added, try to read on what I did found here on my blog. A better, clear and immediate demostration of this "expand" idea can be found here.
This is a demostration of the parameters available to an event base on the source code of the "DefaultEventSource.Event" (For the minute, "latestStart" and "earliestEnd" is not included because I don't know what they are). Normally, these are provided by the XML document if you use LoadXML method (in fact, the deafult events on this page is loaded via a static xml file) The purpose of this demostration however, is to demostrate the ability to add custom "actions" on the fly. *Note, TimeLine by default supports LoadJason for mass population as well.
*Note: Time are based on U.S eastern Time. This means, if you are from Dallas, Texas for example, when you add "9:00 am", it'll be added as "7:00 am" on the chart!!
(Show/Hide TimeLine)
var evt = new Timeline.DefaultEventSource.Event(
parseDateTimeFunction(event.start),
parseDateTimeFunction(event.end),
parseDateTimeFunction(event.latestStart),
parseDateTimeFunction(event.earliestEnd),
event.isDuration || false,
event.title,
event.description,
this._resolveRelativeURL(event.image, base),
this._resolveRelativeURL(event.link, base),
this._resolveRelativeURL(event.icon, base),
event.color,
event.textColor
);
This software is sponsored by The Andrew W. Mellon Foundation and is maintained by the SIMILE project, in particular:
