mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-09-02 22:08:40 +09:00
36 lines
900 B
HTML
36 lines
900 B
HTML
|
<?xml version="1.0" encoding="utf-8"?>
|
|||
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|||
|
|
<head>
|
|||
|
|
<title>Drag and drop of overlapping links: absolute position</title>
|
|||
|
|
<style type="text/css">
|
|||
|
|
span, strong
|
|||
|
|
{color:green;
|
|||
|
|
background-color:yellow;}
|
|||
|
|
strong
|
|||
|
|
{color:red;}
|
|||
|
|
div
|
|||
|
|
{height:2em;
|
|||
|
|
position:absolute;
|
|||
|
|
top:10px;
|
|||
|
|
left:10px;}
|
|||
|
|
div + div
|
|||
|
|
{z-index:2;}
|
|||
|
|
p
|
|||
|
|
{margin-top:3em;}
|
|||
|
|
</style>
|
|||
|
|
<script type="application/ecmascript">
|
|||
|
|
function start(event,feedback)
|
|||
|
|
{event.dataTransfer.effectAllowed = 'copy';
|
|||
|
|
event.dataTransfer.addElement(document.querySelector(feedback));}
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div>
|
|||
|
|
<a href="data:text/plain,1" ondragstart="start(event,'strong')"> </a>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<a href="data:text/plain,2" ondragstart="start(event,'span')">Link</a>
|
|||
|
|
</div>
|
|||
|
|
<p>Try to drag link above. You should see word <span>PASS</span> not <strong>FAIL</strong> in feedback overlay all the time.</p>
|
|||
|
|
</body>
|
|||
|
|
</html>
|