Getting started

  1. Download the latest version of Google Closure Library
  2. Download the latest version of DragDropHelper
  3. Add this lines in <head> section 
    <script src="js/closure/goog/base.js"></script>
<script src="js/hammer.js"></script>
  4. Initialize the component 
    var dragDropHelper = new DD.fx.DragDropHelper({
	'source': [HTMLElement1, HTMLElement2],
	'target': [HTMLElement3, HTMLElement4],
	'allowClassNames': 'classname',
	'grid': [[HTMLElement1, HTMLElement3], [[HTMLElement2, HTMLElement4]]
});

Demonstration