My favorites | Sign in
Project Home Downloads Wiki Issues Source
Search
for
Timeline  
Timeline documentation index page.
Updated Jun 9, 2009 by dasjogibtsnet@gmail.com

Timeline Documentation

This page serves as an entry point to the documentation of the Simile Widgets Timeline component. To reference the previous documentation hosted at MIT please refer to html or wiki. We'll try to move all existing (as of September 2nd, 2007) over by September 5th and we'll update that wiki to point here.

Timeline allows web site creators to embed interactive timelines into their sites. It requires only that visitors have Javascript enabled. It's often referred to as "Google Maps" for time.

Call for Help

We need your help to make this documentation better. If you have information or examples, please contribute.

This wiki still references images and examples from the MIT site. Almost all the content was migrated from that site. Overtime those artifacts will be migrated here as well.

Examples

How-Tos

Getting Started

Controlling Timeline Appearance and Behavior

Timeline Client UI Ideas

The Timeline library is called by client software on your html page. Your client software can add additional User Interface (UI) features.

Loading data

Timeline generators as a service

Sites and Software incorporating Timelines

Language or Framework Support

API

Guidelines

Similar Tools

If you have questions, please use the mailing list. Comments posted here are NOT read

Comment by jmhollo...@gmail.com, Apr 13, 2009

Hey can anyone help me figure out why I keep getting an empty box when I try to set up timeline? I followed the steps in the getting started tutorial. Thanks

Comment by rash1.ra...@gmail.com, Jul 6, 2009

Can anyone let me know why japanese locale is not supported for timeline? After changing the language to japanese i cannot see Timeline it disappears also i looked arounf l10n folder and i could not get ja folder in it. Is this the issue?

Comment by coreyma...@gmail.com, Aug 3, 2009

Can I use this in a commercial site?

Comment by seanlee...@gmail.com, Sep 16, 2009

very very very awsome!

Comment by Christia...@gmail.com, Jan 25, 2010

i have posted a JSF-Component for SIMILE Timeline at http://jsf-timeline.sourceforge.net/ with a war-demo project Try it an give me a feed back please. Thank

Comment by wazhe.wi...@gmail.com, Mar 9, 2010

Hi! May I know how to load data from a php script (that create xml format document) instead of an xml file? Timeline.loadXML("trial_connect1.php", function(xml, url) { eventSource.clear(); eventSource.loadXML(xml, url); } ); How am I suppose to change the code above to get the php script? Thank you.

Comment by swss...@gmail.com, Mar 9, 2010

You should be able to call the PHP file directly as long as you setting the content-type header in your PHP script before you output the XML.

Usually:

header("Content-type: application/xml");

or

header("Content-type: text/xml");

will work fine. If you are using a cgi version of PHP you may get a "Warning: Cannot modify header information - headers already sent" in which case you will need to buffer your output:

ob_start();

header("Content-type: application/xml"); echo $xml_output;

ob_flush();

Comment by wazhe.wi...@gmail.com, Mar 10, 2010

Thank you. However, I still could not get the data display on the timeline. Below are the 2 ways that I have tried.

Instead of putting the original line,

Timeline.loadXML("example1.xml", function(xml, url) { eventSource.loadXML(xml, url); });

I replace it with Timeline.loadXML("trial_connect1.php", function(xml, url) { eventSource.loadXML(xml, url); }); >> Caught exception: TypeError?: v1 is null The error message dialog appears twice

Then, I replaces with Timeline.loadXML("http://localhost/trial_connect1.php", function(xml, url) { eventSource.loadXML(xml, url); }); >> Caught exception: TypeError?: xml is null The error message dialog appears once.

May I know what is actually happening here? Thank you so much.

Comment by yves.van...@gmail.com, Apr 2, 2010

This project looks great, it just seems to lack of accessibility because the loaded datas are external to the HTML document. Also the elements don't seem to be keyboard accessible. Does anybody worked on these problems before ?

Thanks :-)

Comment by ivma...@gmail.com, May 26, 2010

Hi everyone, That's a useful project! Does anybody know how can I substitute standard months by 13 periods of 3 weeks each? Thanks in advance!

Comment by ronan...@gmail.com, Jun 22, 2010

@ivma.ru I just created this page in the wiki : http://simile-widgets.org/wiki/How_to_create_own_date_ranges it may help you and you can complete it after ;-)

Comment by gjegad...@gmail.com, Oct 5, 2010

Hi All, I am trying out the JSF component (available in SourceForge?) and I was wondering if any documentation is available for the JSF tags for this component?

Also, any plans for moving to JSF 2.0? Thanks a lot!

Comment by shawnas...@gmail.com, Feb 10, 2011

how can we use timeline as an component to our .Net application?

Comment by quasim...@gmail.com, Apr 12, 2011

Any chance of adding iPhone / Android gesture capability?

Comment by chre...@gmail.com, Apr 12, 2011

Mobile touch/gesture capability would be awesome, I second this.

Comment by c.shane....@gmail.com, Apr 19, 2011

Is there a way to mashup a timeline with a timeplot on the same canvas?

Comment by ataks...@gmail.com, May 20, 2011

Is it possible to display events data dates in the localized format like CET, PST, PDT? If yes, can someone please shed some light how to achieve it.

Comment by Fresheye...@gmail.com, May 27, 2011

What if I want all bubbles to be open at the start?

Comment by fbt...@gmail.com, Jun 17, 2011

I can't change the firstDayOfWeek value or it doesn't work correctly. I'm showing a Timebans on a weekly basis which shows the date of the firts day of each week which stays untouched no matter what firstDayOfWeek i set. i tried values from 0-6 with and without "s and even string values: monday, thuesday,... any ideas?

Comment by breck.ry...@gmail.com, Jun 17, 2011

Surely I'm missing some big section around here where it explains the various JS events that you can "hook" and act on or store info about?

In other words, my user scrolls to the right--how do I react to that event, and store the new centerpoint/range of my timeline?

Thanks much.

Comment by Charlott...@gmail.com, Jun 21, 2011

This timeline is AMAAAAAZING..I can't wait to use it!!

Comment by nativ...@gmail.com, Aug 15, 2011

Hi

Does anyone know, how can I add/delete/edit events from JS?

And how can I disable bubble tooltips ?

Thanks


Sign in to add a comment
Powered by Google Project Hosting