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, 17 February 2007 02:09:39 UTC
I get a javascript error when I hit that page:

Line: 160
Char: 370
Error: Invalid argument.

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

Ah, the joys of debugging browser compatibility issues...
Saturday, 17 February 2007 21:24:03 UTC
I get an error viewing it in IE 6, but it looks fine in Firefox.
Monday, 19 February 2007 21:35:38 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, 21 February 2007 05:01:29 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, 21 February 2007 19:50:52 UTC
Same issue on IE7 in WinXP. The demos on the SIMILE site work fine in IE7 btw.
Friday, 23 February 2007 05:48:10 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.