Old-skool Ajax zoop Box

October 14, 2007 16:48 (Sydney Australia)

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:

Comments

Dave B

that’s neat alright! good stuff

Eadz

Awesome. That is seriously spiffy.

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 :/

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.

Leonardo Faria

hi tim,

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

To comment on this article you must have javascript enabled.