Agaric Design Collective

Timelines in Drupal

By Benjamin Melançon
on 19 Dec
1 comment

Key words and phrases

time line

Tags

Description

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.

 

Notes on underlying JavaScript, scale, and horizontal plotting

> Any ideas on how to make them plot more horizontally?
>
> *From: Harris
>
> I've been playing around with the timeline tool
>
> www.harrisrashid.com/timeline/timeline.html
>
> Right now I don't think it's that strong - since the dates populate in a
> more vertical manner, than in a horizontal one, like the examples listed.

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

Posted by Benjamin Melançon on Mon, 2008-01-21 22:22
Post new comment
The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <blockquote> <h1> <h2> <h3> <h4> <h5> <h6> <small> <pre> <strike> <sub> <sup> <kbd> <s>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Copy the characters (respecting upper/lower case) from the image.