|
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>
|
|
4
|
26 <li><a href="/examples/drop.html">Drop</a></li>
|
|
3
|
27 </ul>
|
|
|
28 <p>These use <a href="/dad.js">dad.js</a> and <a href="/dad.css">dad.css</a>.
|
|
0
|
29 </body>
|
|
|
30 </html>
|
