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 |
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> |