YUI: DragDrop - Copy not move
Drag Me
Drop Here
The Javascript
(function() { var Dom = YAHOO.util.Dom, Event = YAHOO.util.Event; var dd = new YAHOO.util.DD('demo'); dd.onDragDrop = function() { Dom.setStyle('demo', 'top', ''); Dom.setStyle('demo', 'left', ''); Dom.removeClass('target', 'over'); var el = Dom.get('demo').cloneNode(true); el.id = Dom.generateId(); el.innerHTML = 'Dropped'; Dom.get('target').appendChild(el); }; dd.onInvalidDrop = function() { Dom.setStyle('demo', 'top', ''); Dom.setStyle('demo', 'left', ''); Dom.removeClass('target', 'over'); }; dd.onDragOver = function() { Dom.addClass('target', 'over'); }; dd.onDragOut = function() { Dom.removeClass('target', 'over'); }; var tar = new YAHOO.util.DDTarget('target'); })();