view src/alternatives/standard.html @ 6:4d699321068f

add dropzones
author Franklin Schmidt <fschmidt@gmail.com>
date Sun, 23 Apr 2023 18:34:12 -0600
parents 9c372fce698a
children
line wrap: on
line source

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