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.

Articles

toolmantim

I'm Tim Lucas, a user experience designer and developer currently in Sydney Australia.

I run a web application design and development company Agency Rainford, present on various technical topics, snap the occasional photo, tweet my going-ons, share teh codes and post other tid-bits to the tumble.

Most recently I published LAN hacking with Bananajour (June 11, 2009)

Shoot an email to and say hello.

Powered by the present moment