Google/ig clone

This morning a coworker of mine was all… “have you seen the new drag and drop personalized google news interface?”

I looked and indicated that it was nice, but I wasn’t overly impressed with the drag and drop functionality… noting that I had developed an Ajax/DHTML DnD interface that was much more sophisticated…

Besides, it’s really not up to the (very high) standard they’ve set for user event interaction with Google Maps

.

His response was “yeah, but that was dragging images… this is rss feeds…”

Rather than arguing that dragging a dhtml element reference across the page was the same whether it’s a <div> or an <img>… and never one to shy away from a challange, here’s a clone i whipped up in a few hours:

My Google/ig clone

You can drag the individual news feed boxes around the page to re-arrange them. Works in IE 5+ win, Firefox, Mozilla, Camino, Netscape, Safari, OmniWeb, Opera 7+… blah, blah… Only issue is some ugly rendering artifact bugs in Safari.

Oh… and my version validates as XHTML 1.0 Strict, and doesn’t use tables for non-tabular layouts

All JavaScript and CSS source is included in the one page, so do a view source if you’re curious.