mirror of
https://github.com/servo/servo
synced 2026-04-29 10:57:43 +02:00
34 lines
904 B
HTML
34 lines
904 B
HTML
<?xml version="1.0" encoding="utf-8"?>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>Image drag and drop from iframe</title>
|
|
<style type="text/css">
|
|
div[ondragenter]
|
|
{width:105px;
|
|
min-height:105px;
|
|
text-align:center;
|
|
margin-top:20px;
|
|
padding:10px;
|
|
border:solid thin navy;}
|
|
iframe
|
|
{width:150px;
|
|
height:150px;
|
|
border-style:none;}
|
|
</style>
|
|
<script type="application/ecmascript">
|
|
function addImage(event)
|
|
{var c = document.createElement('img');
|
|
c.setAttribute('src',event.dataTransfer.getData('text/uri-list').replace(/\r\n$/,''));
|
|
document.querySelector('div').appendChild(c);}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<p><iframe src="helper-circle.xhtml">XHTML with image</iframe></p>
|
|
<p>Drag circle above to the box below. It should be copied to the box once you drop it there.</p>
|
|
<div
|
|
ondragenter="event.preventDefault()"
|
|
ondragover="return false"
|
|
ondrop="addImage(event)"
|
|
/>
|
|
</body>
|
|
</html> |