Drag and Drop with script.aculo.us and Rails - Droppables

(Page 4 of 4 )

 

Droppables are DOM elements that can receive dropped draggables and take some action as a result, such as an Ajax call. To create a droppable with JavaScript, use Droppables.add:

Droppables.add :Droppables are DOM elements that can receive dropped draggables and take some action as a result, such as an Ajax call. To create a droppable with JavaScript, use Droppables.add:

  <div id="dropDIV" class="pink box">drop</div>
  <%= javascript_tag "Droppables.add('dropDIV', {hoverclass:'hover'})" %>

The second argument is a hash of options, which are detailed in the “Droppable options” section. The Rails helpers for creating droppables are
drop_receiving_element anddrop_receiving_element_js. For example:

  <div id="dropHelperDIV" class="pink box">drop here.</div>
  <%= drop_receiving_element :dropHelperDIV, :hoverclass => 'hover' %>

Thedrop_receiving_element_jshelper does exactly the same thing, except that it outputs plain JavaScript, instead of JavaScript wrapped in<script>tags.

A droppable doesn’t necessarily accept every draggable; several of the options below can be used to determine which draggables are accepted when.

Please check back next week for the conclusion to this article.

DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

Comments On: Drag and Drop with script.aculo.us and Rails

· This article is an excerpt from the book "Ajax on Rails," published by O'Reilly. We...   >>> Post your comment now!

Buy this book...

This article is excerpted from chapter four of Ajax on Rails, written by Scott Raymond (O'Reilly, 2007; ISBN: 0596527446). Check it out today at your favorite bookstore. Buy this book now.