jQuery WormHole

jQuery WormHole creates invisible wormholes between arbitrary objects on a page. The edges of the objects become entrances/exits of the wormholes. Child objects dragged to an edge enter the wormhole and immediately start to exit at the other end, i.e. the opposite edge of the next object in the wormhole group. Try it out:

Use it

$('some.containers').isWormHole({options});

Options

• group:
  String. Adds objects to a wormhole group. Allows you to have different groups of wormholes on the same page that won't interfere with each other.
• selector:
  String. Limit the objects that can traverse the wormhole to those matching this string. Defaults to all.

Events

• stop:
  Function. Triggered when an object is dropped on the other side of the wormhole from where it started.

WTF?

WormHole was built for the ShiftDock (previously Rotify) project to allow overnight shifts to be scheduled easily and intuitively. It'll fit snugly into any similar situation, where the user needs to share child objects amongst discrete containers. The codebase is minimal and it is easily customisable. However it is new so allow for a lot of bugs. We'll keep updating it to cope as we use it in production.

4kB - Production (minified)
8kB - Development (source)

---

© ShiftDock Ltd. 2011