FbGadgets

-------------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE:
READ MORE:
http://fbgadgets.blogspot.co.uk/2014/09/DragAndDropHtmlGame.html
http://fbgadgets.blogspot.co.uk/2014/09/drag-and-drop-html-game_4.html
http://fbgadgets.blogspot.co.uk/2014/09/DragAndDropHtmlGameImages.html
http://fbgadgets.blogspot.co.uk/2014/09/DragAndDropHtmlGame.html
http://fbgadgets.blogspot.co.uk/2014/09/card-games-with-drag-and-drop-with.html
http://fbgadgets.blogspot.co.uk/2014/09/drag-and-drop-images-above-box-to-below.html
http://fbgadgets.blogspot.co.uk/2014/09/drag-and-drop-images-above-box-to-below_5.html
http://fbgadgets.blogspot.co.uk/2014/09/drag-and-drop-with-image.html
-------------------------------------------------------------------------------------------------------------

<!doctype html>
<html lang=en>
<head>
<title>Handling Drag Stop Events</title>
<style>#makeMeDraggable{width:300px;height:300px;background:red}</style>
<script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js></script>
<script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js></script>
<script type=text/javascript>$(init);function init(){$("#makeMeDraggable").draggable({cursor:"move",containment:"document",stop:handleDragStop})}function handleDragStop(b,c){var d=parseInt(c.offset.left);var a=parseInt(c.offset.top);alert("Drag stopped!\n\nOffset: ("+d+", "+a+")\n")};</script>
</head>
<body>
<div class=wideBox>
<h1>Drag-and-Drop with jQuery: Your Essential Guide</h1>
<h2>Handling Drag Stop Events</h2>
</div>
<div id=content>
<div id=makeMeDraggable> </div>
</div>
</body>
</html>