Aspdotnet-Suresh

aspdotnet-suresh offers C#.net articles and tutorials,csharp dot net,asp.net articles and tutorials,VB.NET Articles,Gridview articles,code examples of asp.net 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

jQuery Draggable and Droppable Div Example/Tutorial in Asp.Net

Sep 25, 2012
Introduction

Here I will explain how to implement simple draggable and droppable div example using
JQuery in asp.net.

Description:
  
In previous posts I explained
split the string, add fade in effect to page, Password strength jquery plugin examples and many articles relating to JQuery. Now I will explain how implement simple div with draggable and Droppable options in JQuery.

To implement draggable and droppable div in JavaScript we need to write much code but in JQuery we can achieve this functionality just by simple properties draggable and droppable that would be like as shown below


<script type="text/javascript">
$(document).ready(function() {
$("#dragdiv").draggable();
$("#dropdiv").droppable({
drop: function() {
alert('dropped');
}
});
});
</script>
If want to see the example how to implement check below article



If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

subscribe by rss Subscribe by RSS subscribe by email Subscribe by Email

2 comments :

Candy Fredric said...

Thanks for Sharing a valuable information

posts said...

Thanks a lot.

Give your Valuable Comments

Note: Only a member of this blog may post a comment.

© 2015 Aspdotnet-Suresh.com. All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.