Mercurial Hosting > dad
diff 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 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/alternatives/standard.html Wed Apr 19 23:04:23 2023 -0600 @@ -0,0 +1,25 @@ +<!doctype html> +<html> + <head> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <style> + @import "/site.css"; + + span[draggable] { + display: inline-block; + background-color: LightGreen; + padding: 8px; + cursor: move; + } + </style> + </head> + <body> + <h1>Standard Drag and Drop API</h1> + + <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> + + <p><span draggable="true">drag me</span></p> + + <p>This works on desktop but doesn't work on mobile. So this API is completely useless.</p> + </body> +</html>