Dennis N.: Drag and drop jquery

Beitrag lesen

 <html>  
 <head>  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>  
  
 </head>  
 <body>  
  
<style type="text/css">  
	#draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; background-color: #110044;}  
	#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; background-color: #0000ff;}  
	</style>  
	<script type="text/javascript">  
	$(function() {  
		$("#draggable").draggable();  
		$("#droppable").droppable({  
			drop: function(event, ui) {  
				$(this).remove();  
  
			}  
		});  
  
	});  
	</script>  
  
  
<div class="demo">  
	  
<div id="draggable" class="ui-widget-content">  
	<p>Drag me to my target</p>  
</div>  
  
<div id="droppable" class="ui-widget-header">  
	<p>Drop here</p>  
</div>  
  
</div><!-- End demo -->  
  
<div style="display: none;" class="demo-description">  
  
<p>Enable any DOM element to be droppable, a target for draggable elements.</p>  
  
</div><!-- End demo-description -->  
</body>  
 </html>  

Ich weiß das ich irgendwie das objekt übergeben muss, ich weiß leider nur nicht wie