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 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
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
andy
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.