JQuery WormHole | Hacker News Reader

JQuery WormHole

opensource.rotify.com

47 pointsredemade18 comments

Interesting, but when I saw the two regions I immediately wanted to drag an object from one region directly to the other, rather than out the bottom of one into the top of the other. The wormhole seems interesting for cases similar to the stated use case (scheduling across day boundaries), but for the common case of moving items between different regions, some mechanism for dragging directly between the two regions would make the interaction more smooth.

When I drag the red rectangle around in the left container, bits of it sometimes get "stuck" in the right container. I'm doing this in Chrome 11.0.696.71 on Ubuntu 10.04, if that helps.

Also, there's a bug in which the order of objects (z-index) on the left container doesn't exactly match the order on the right.

Example: http://www.cl.ly/2B062I2t2k210i0W1m0f

Sonic is over Einstein on the left, but under on the right.

Just judging by the symptoms without looking at the code, I'd say that perhaps you're only animating the secondary rectangle that mimics the first one when the primary rectangle intersects with the wormhole's edge.

When we move the first rectangle too fast towards the top, some of the events might get missed and the corresponding rectangle doesn't _exactly_ mimic the first one. As no more events are fired, it gets stuck.

You might want to introduce some sort of sanity check for when a rectangle exits the wormhole.

(OSX, Chrome)

Fast movements definitely mess it up, with things not lining up properly, or being completely duplicated.

Even slow movements often leave the last few rows of Einstein hanging off the top of the Right side.

I'm mildly annoyed when I see parts of a portmanteau capitalized. It's wormhole, not worm hole, so the CamelCase would be Wormhole, not WormHole.

A really neat idea, though!

Also, the title of this post should read "jQuery," not "JQuery."

Good catch. Also I just realized that I was wrong in calling wormhole a portmanteau. It's actually a compound word.

Except the first letter of a post on HN is automatically capitalized for you.

I was perplexed by the new method's name: isWormHole

To me, and I think everyone else who regularly uses OOP, method names are meant to be verbs -- this would be a predicate, testing whether or not the object is a wormhole.

Yes and that's certainly the jQuery plugin convention too. It should be $(".foo").wormhole().

I have no idea how I would use this but it is so cool

Cool. Would be nice to be able to specify the edges that "connect" between the two containers... would definitely be useful in either education apps or a more visual way to do multi selection+order lists (aka List Builder).

Looks cool, but it doesn't work at all on an iPad. Just something to keep in mind if you use this as an integral part of your UI.

Sad that I can't make it work with my iPad.

It works perfectly on my 'Galaxy'.

> (c) Copyright John M. Hope 2011. Released under the Don't be a Dick (DD) license.

That is cool.

Reply on news.ycombinator.com