Scott Hanselman

Adding a Timeline to DasBlog with the SIMILE Timeline Library

February 17, 2007 Comment on this post [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 http://www.hanselman.com/blog/timeline.aspx. 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
Hosting By
Hosted in an Azure App Service
February 17, 2007 2:09
I get a javascript error when I hit that page: Line: 160 Char: 370 Error: Invalid argument.
February 17, 2007 3:52
moi aussi
February 17, 2007 6:00
Yup. Vista RTM with IE 7.0 produces the same error. Ah, the joys of debugging browser compatibility issues...
February 17, 2007 21:24
I get an error viewing it in IE 6, but it looks fine in Firefox.
February 19, 2007 21:35
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.
February 21, 2007 5:01
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 :)
February 21, 2007 19:50
Same issue on IE7 in WinXP. The demos on the SIMILE site work fine in IE7 btw.
February 23, 2007 5:48
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.