Mercurial Hosting > dad
comparison src/alternatives/standard.html @ 1:9c372fce698a
start alternatives
| author | Franklin Schmidt <fschmidt@gmail.com> |
|---|---|
| date | Wed, 19 Apr 2023 23:04:23 -0600 |
| parents | |
| children | df0f6d0d55e8 |
comparison
equal
deleted
inserted
replaced
| 0:e863dbc62217 | 1:9c372fce698a |
|---|---|
| 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 | |
| 8 span[draggable] { | |
| 9 display: inline-block; | |
| 10 background-color: LightGreen; | |
| 11 padding: 8px; | |
| 12 cursor: move; | |
| 13 } | |
| 14 </style> | |
| 15 </head> | |
| 16 <body> | |
| 17 <h1>Standard Drag and Drop API</h1> | |
| 18 | |
| 19 <p>As documented on <a href="https://www.w3schools.com/html/html5_draganddrop.asp">w3schools</a> and <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API">mozilla</a>.</p> | |
| 20 | |
| 21 <p><span draggable="true">drag me</span></p> | |
| 22 | |
| 23 <p>This works on desktop but doesn't work on mobile. So this API is completely useless.</p> | |
| 24 </body> | |
| 25 </html> |
