Anthony Mompoint
2010-May-03 01:28 UTC
Scriptaculous, snap draggable to droppable or revert
Hello community, I am a fairly new RoR programmer and I need some help with Scriptaculous Drag and Drop: So I have <%= draggable_element(@div_id, :revert => "failure", :snap => 5) -%> and a droppable: <%= drop_receiving_element(@team_div_id, :with => "''player='' + (element.id)+ ''&position='' + #{draft_position}" ,:complete => visual_effect(:highlight), :update=>"status" , :url => { :action => "receive_drop"}, :hoverclass => ''hover'' ) %> <% end %> I would like to allow the draggable to "snap" to a droppable position if close or revert back to its original position if it isnt near a droppable. I have searched over the net but I have been unsuccessful with this issue. I understand there''s the Snap option but I want it to snap INTO a droppable when close or go back to its original position. I have found some example code such as: <script type="text/javascript"> //<![CDATA[ new Draggable(''kimballben'', { revert: true, }); document.getElementsByClassName (''dropbox'').each ( function (e) { Droppables.add(e, { hoverclass: ''over'', onDrop: function (drag, drop) { drag.revert = false; drop.appendChild(drag); drag.style.position = ''absolute''; drag.style.left = drag.style.top = 0; }, }); }); // ]]> </script> But how do I translate that using drop_receiving_element? Can anyone help me with this, or point me in the right position? Essentially its just "Snap to a grid" but I have been unable to find a simple example. I appreciate the help! -- Posted via http://www.ruby-forum.com/. -- You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.
Reasonably Related Threads
- Another draggable/droppable performance booster
- cancelling droppable if draggable dropped on different droppable
- Not droppable after first drop in FF
- :revert => false for Droppables
- sortable - after complete dropping element want to send ajax reqeust with id of elements: draggable and droppable