mirror of
https://github.com/servo/servo
synced 2026-04-29 02:47:55 +02:00
35 lines
879 B
HTML
35 lines
879 B
HTML
<?xml version="1.0" encoding="utf-8"?>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>Drag feedback when multiple elements are added to dragstore</title>
|
|
<style type="text/css">
|
|
div > div
|
|
{height:100px;
|
|
width:100px;
|
|
float:left;
|
|
background-color:navy;}
|
|
div + div
|
|
{margin-left:-60px;
|
|
background-color:maroon;}
|
|
div[draggable]
|
|
{background-color:teal;
|
|
margin-top:50px;}
|
|
</style>
|
|
<script type="application/ecmascript">
|
|
function start(event)
|
|
{var div = document.querySelectorAll('div > div:nth-child(odd)');
|
|
event.dataTransfer.effectAllowed = 'copy';
|
|
for(var i = 0; i != div.length; i++)
|
|
{event.dataTransfer.addElement(div[i]);}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<p>Try to drag green box below. Feedback overlay should include all three boxes when you drag green one.</p>
|
|
<div ondragstart="start(event)">
|
|
<div/>
|
|
<div draggable="true"/>
|
|
<div/>
|
|
</div>
|
|
</body>
|
|
</html> |