<!DOCTYPE html>
<title>drag &amp; drop - cross-domain cross-document data drop</title>
<script src="../resources/crossorigin.js"></script>
<style>
  body > div {
    height: 200px;
    width: 200px;
    background-color: orange;
  }
</style>

<script>
window.onload = function() {
  var orange = document.getElementsByTagName('div')[0];
  orange.ondragstart = function(e) {
    e.dataTransfer.effectAllowed = 'copy';
		e.dataTransfer.setData('text', 'dummy text');
  };
};
</script>

<div draggable="true"></div>
<p><iframe height="300" width="500"></iframe></p>
<script>document.getElementsByTagName("iframe")[0].src = crossOriginUrl("www", "001-1.html");
<noscript><p>Enable JavaScript and reload</p></noscript>