JQuery WormHole

JQuery WormHole(opensource.rotify.com)

47 points by redemade 15 years ago | 18 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.

Zakharov 15 years ago |

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.

fredoliveira 15 years ago | |

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.

kunalb 15 years ago | |

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.

wccrawford 15 years ago | |

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

benatkin 15 years ago |

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!

jessedhillon 15 years ago | |

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.

mmahemoff 15 years ago | | |

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

nplusone 15 years ago | |

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

lux 15 years ago | | |

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

benatkin 15 years ago | | |

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

redemade 15 years ago |

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

r00fus 15 years ago |

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

marcc 15 years ago |

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.

chmike 15 years ago |

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

chopsueyar 15 years ago | |

It works perfectly on my 'Galaxy'.

lrenn 15 years ago |

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

chopsueyar 15 years ago |

That is cool.