| 
0
 | 
     1 <!doctype html>
 | 
| 
 | 
     2 <html>
 | 
| 
 | 
     3 	<head>
 | 
| 
 | 
     4 		<meta name="viewport" content="width=device-width, initial-scale=1">
 | 
| 
 | 
     5 		<style>
 | 
| 
 | 
     6 			@import "/site.css";
 | 
| 
 | 
     7 		</style>
 | 
| 
 | 
     8 		<title>Reactionary Drag and Drop</title>
 | 
| 
 | 
     9 	</head>
 | 
| 
 | 
    10 	<body>
 | 
| 
 | 
    11 		<h1>Reactionary Drag and Drop</h1>
 | 
| 
 | 
    12 
 | 
| 
1
 | 
    13 		<p>I can't find a usable drag-and-drop JavaScript library, so, as usual, I am forced to write one.  You can follow my progress, starting from zero, right here.  Here is <a href="https://hg.reactionary.software/repo/dad/">the source</a>.  Here is <a href="http://www.reactionary.software/drag.html">the need</a>.  And here are discussion threads on <a href="https://communities.win/c/programming/p/16an5RSxmy/javascript-drag-and-drop/c">Scored</a> and <a href="http://www.mikraite.org/JavaScript-Drag-and-Drop-tp3229.html">Reactionary Software</a> if you want to comment.</p>
 | 
| 
 | 
    14 
 | 
| 
3
 | 
    15 		<p>I will start by reviewing some of the existing depraved alternatives:</p>
 | 
| 
1
 | 
    16 		<ul>
 | 
| 
 | 
    17 			<li><a href="/alternatives/standard.html">Standard Drag and Drop API</a></li>
 | 
| 
 | 
    18 			<li><a href="/alternatives/interactjs.html">interact.js</a></li>
 | 
| 
2
 | 
    19 			<li><a href="/alternatives/draggabilly.html">Draggabilly</a></li>
 | 
| 
1
 | 
    20 		</ul>
 | 
| 
3
 | 
    21 
 | 
| 
 | 
    22 		<p>Time to write my own.  Here are some examples:</p>
 | 
| 
 | 
    23 		<ul>
 | 
| 
 | 
    24 			<li><a href="/examples/simple.html">Simple</a></li>
 | 
| 
 | 
    25 			<li><a href="/examples/handle.html">Handle</a></li>
 | 
| 
 | 
    26 		</ul>
 | 
| 
 | 
    27 		<p>These use <a href="/dad.js">dad.js</a> and <a href="/dad.css">dad.css</a>.
 | 
| 
0
 | 
    28 	</body>
 | 
| 
 | 
    29 </html>
 |