Home ›
Timelines in DrupalTimelines in Drupal
Submitted by Benjamin Melançon on December 19, 2007 - 2:22pm
Kara:
this is what i'm workign on
http://simile.mit.edu/timeline/docs/create-timelines.html
benjamin melançon
There's a Drupal module for that (and it's sure to be better than poll module, which is getting voted out of core), but it's not up to date: http://drupal.org/project/timeline
04:00
It was used in court though: http://drupal.org/node/154921
05:16
it uses/accepts the same MIT project
http://groups.drupal.org/node/1145
Kara:
ooh
I don't know drupal thought
i can do a little javascript
benjamin melançon 2:06
ah, it's an old module anyway-- just if you want to start integrating it with live events or something, there's a solid base
kara 2:06
Benny, i need a translator with you sometimes
benjamin melançon 2:08
everyone does. I'm not volunteering to make the timeline js work with Drupal's core jquery. Had enough of that with the Google Maps module.
Arto's (the module developer's) other timeline-related projects:
http://bendiken.net/2006/12/29/the-universal-timeline-aggregator
Still work being done:
http://www.developmentseed.org/drupal/modules/timline
And actually it has been made available in Drupal 5, just not an official release on the module home page.
See also
Google JavaScript package that takes this feed from a spreadsheet and makes it this timeline / chart
Searched words:
time line
Comments
Notes on underlying JavaScript, scale, and horizontal plotting
This has most things listed at the same time? Is that intentional? That's the main issue.
The other thing, which I don't know how to do (it's not editable in the HTML anyway that I could see) is to change the scale. It should be possible to spread things out simply by making hours and days wider.
The JFK timeline has hours: http://simile.mit.edu/timeline/examples/jfk/jfk.html
Harris' has months.
OK, it's in the javascript:
var tl;function onLoad() {
var bandInfos = [
Timeline.createBandInfo({
width: "70%",
intervalUnit: Timeline.DateTime.MONTH,
intervalPixels: 100
}),
Timeline.createBandInfo({
width: "30%",
intervalUnit: Timeline.DateTime.YEAR,
intervalPixels: 200
})
];
tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
}
He's going to want to see about changing that to DAY or HOUR and MONTH, WEEK, or DAY.
http://simile.mit.edu/timeline/docs/create-timelines.html
Again, though, he's got many events all at the exact same hour. That's not going to work well no matter what.
ben
Post new comment