Description

An experiment in generating dynamic, useful timelines from a collection of date points using javascript. Date strings are parsed using the javascript Date object.

It works in Opera now!

Data is of the form (note SPACE COLON SPACE)

[date/timestamp] : [text on 1 line]
[date/timestamp] : [text on 1 line]

Usage

Create a container tag

<DIV id="[DIVID]" class="timeline">

Parsing timeline text

input_to_events(txtblock)

Creating and populating the timeline object

new_timeline(DIV_ID, events)

Example

Click and drag the timeline to scroll
Double click to zoom

The seed data:

1939 : WWII Starts
1939 : Germany invades poland
baddate : this is a bad record
June 22, 1941 : Germany invades the Soviet Union
Dec 1941 : Japan attacks US
June 1942 : atomic bomb project given to army
September 30, 1944 : Document 1 Memorandum by Franklin D. Roosevelt
July 16, 1945 : First Trinity test
August 6, 1945 : little boy dropped

Debug Console