Skip to navigation

Old-skool Ajax zoop Box

Published October 14, 2007

After seeing a demo of Fluxiom‘s user permission system in January 2006 I set out to recreate the effect. A few months ago I stumbled upon the code and screencapped what I’d done. I think it looks pretty neat.

It’s your stock-standard ActiveRecord based model with backend validation and saving to the DB with ajaxy zoopy goodness—Rails 0.14.3.

Original QT movie

Completely unsupported source code:

Archived comments

Comments were previously allowed on articles. Though no new comments are being accepted you can see the old comments below.

  1. Dave B

    that’s neat alright! good stuff

  2. Eadz

    Awesome. That is seriously spiffy.

  3. Eadz

    Hey, what kind of css are you using?

    Is the form loaded at the same time as the show view and hidden with display: hidden

    Or is it on a different z-index,

    Or is loaded remotely with rjs..

    Or am I on the wrong track completely?

    I’m just a bit confused :/

  4. Tim Lucas

    Eadz: the zoop effect just requires you’ve got two divs positioned over one another, the hidden one as display:none. In reality I just had one as display:none and using RJS to trigger content replacement, the zoop effect and the validation tooltips… but you could do it in a much cleaner way.

  5. Leonardo Faria

    hi tim,

    i’m trying your snippet but i dont done. are there any download of this?
    thanks and congratulations.

Thoughts

toolmantim

I’m Tim Lucas, a user experience developer currently in Sydney Australia.

I occasionally write, snap photos, present on various technical topics, tweet my going-ons, share teh codes and post tidbits to the scrapbook.

Most recently I published Simplifying ticket sales on sydneyoperahouse.com (February 16, 2010)

Work with me via Agency Rainford, or shoot an email to and say hello.

Powered by salt water