Discussion Forums

Discuss all things Ruby on Rails with perhaps the web's most vibrant group of Ruby on Rails enthusiasts.

Discussion Forums → Ask A Rails Expert

Move HTML Divs (visual effects) using AJAX

↓ Reverse post order

2 Posts

Move HTML Divs (visual effects) using AJAX

smathy

23:57 09-02-09

#02

Don't use MoveBy, it's deprecated (and I don't think you can actually get there with visual_effect because it always wants the newer style hash parameters whereas MoveBy is inline parameters). So this should work:

page.visual_effect :move, 'div_id', { :x => 10, :y => 100 }

Add message

Report

smathy

pypiyush

10:24 09-02-09

#01

Hi Friends,

I am working on the application, which has two sections on the page and have different items listed in those sections.

Suppose I click on item in the left section then It should move to right section of the page.

In order to give this visual effect, We can use following :

Move: Element Reference Moves the element from one location on the pag to another

MoveBy: Element Reference, y, x Moves an element smoothly by the stated x and y amounts. The element must have relative or absolute CSS positioning.

But I am not sure How do we code this in controller. I tried something like:

page.visual_effect :move_by, div_name, {:x => 10, :y => 100}

But I am not sure How do we state "x" and "y" parameters in it.

Any kind of assistance or hints in this issue would be helpful to me and highly appreciated.

Thanks.