how to drag and drop form using jquery??

dip vyas

7y938

drag and drop form in div...

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sanwar Ranwa7y ago
Accepted answer
Hello Dips

Jquery provide inbuild function for drag and drop funcationlity you can use these finctions

http://jqueryui.com/draggable/

https://www.jqueryscript.net/form/Drag-Drop-Form-Builder-Bootstrap-jQuery.html

https://www.tutorialspoint.com/jqueryui/jqueryui_draggable.htm


>  
<html>  
   <head>  
      <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"   
         rel = "stylesheet">  
      <script src = "https://code.jquery.com/jquery-1.10.2.js">script>  
      <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js">script>  
        
      <style>  
         #draggable { width: 150px; height: 150px; padding: 0.5em; background:#eee;}  
      style>  
        
      <script>  
         $(function() {  
            $( "#draggable" ).draggable();  
         });  
      script>  
   head>  
     
   <body>  
      <div id = "draggable" class = "ui-widget-content">  
         <p>Drag me !!!p>  
      div>  
   body>  
html>

Gajendra Jangid7y ago
hello dear,

https://www.jqueryscript.net/form/Drag-Drop-Form-Builder-Bootstrap-jQuery.html