Scott Hanselman

Adding a Timeline to DasBlog with the SIMILE Timeline Library

February 17, '07 Comments [8] Posted in ASP.NET | DasBlog | Javascript
Sponsored By

I've been exploring recently the amazing Timeline Javascript library from the SIMILE folks over at MIT.

What a joy to work with! I've not historically been a fan, by any means, of JavaScript. Of course, debugging it can be a hassle and the development process always feels very unstructured to me. Heh, probably a side-effect of the language, right?

Anyway, the API for the SIMILE Timeline is very well thought-out. It's very JavaScripty, to be clear, but it is even easier to pick up than the Google Maps API.

So easy, in fact, that I was able to add Timeline support to DasBlog over my lunch hour. Check it out at Try typing in the Highlight boxes, as shown in the screenshot above. Notice the highlighting in both bands of the timeline. I've checked the server-side TimelineHandler that creates the XML that Timelines consume into the head of the DasBlog tree.

Also, take a look at their "Exhibit" project. Maybe Web 2.0 will turn out something useful after all! :)

About Scott

Scott Hanselman is a former professor, former Chief Architect in finance, now speaker, consultant, father, diabetic, and Microsoft employee. He is a failed stand-up comic, a cornrower, and a book author.

facebook twitter subscribe
About   Newsletter
Sponsored By
Hosting By
Dedicated Windows Server Hosting by ORCS Web
Saturday, February 17, 2007 2:09:39 AM UTC
I get a javascript error when I hit that page:

Line: 160
Char: 370
Error: Invalid argument.

Saturday, February 17, 2007 3:52:56 AM UTC
moi aussi
Saturday, February 17, 2007 6:00:02 AM UTC
Yup. Vista RTM with IE 7.0 produces the same error.

Ah, the joys of debugging browser compatibility issues...
Saturday, February 17, 2007 9:24:03 PM UTC
I get an error viewing it in IE 6, but it looks fine in Firefox.
Monday, February 19, 2007 9:35:38 PM UTC
Weird...I guess their stuff doesn't work in IE6...I didn't see a warning on their site. I'll look more into it.
Scott Hanselman
Wednesday, February 21, 2007 5:01:29 AM UTC
Kewl!! This Timeline API Rocks! I'll be adding this real soon and I think this is can b a replacement to the usual calender control.

Btw I'm getting an issue in IE7

Thanks Scott :)
Wednesday, February 21, 2007 7:50:52 PM UTC
Same issue on IE7 in WinXP. The demos on the SIMILE site work fine in IE7 btw.
Friday, February 23, 2007 5:48:10 AM UTC
I know you are a genius, but how long is your lunch hour ?!
Comments are closed.

Disclaimer: The opinions expressed herein are my own personal opinions and do not represent my employer's view in any way.