html-to-os.html (1417B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>drag and drop - dragging HTML onto the OS</title> 5 </head> 6 <body> 7 8 <p>This test is only relevant on platforms where it is possible to switch applications in mid-drag (eg. alt+tab, dragging over taskbar buttons, dragging between restored windows).</p> 9 <p>This testcase requires an external application that accepts dropping of HTML from other applications - eg. Google Chrome and Internet Explorer (not Firefox). Load <a href="html-to-os-HELPER-FILE.html">the helper file</a> in the external application.</p> 10 <p draggable="true">Drag this paragraph to the other application and release it. De-select the text in that application if it is selected. Pass if "Pass if this text is on a green background" appears in the other application, and if it has a green background, and if the drag placeholder disappears when the drag is released.</p> 11 <script type="text/javascript"> 12 document.getElementsByTagName('p')[2].ondragstart = function (e) { 13 e.dataTransfer.effectAllowed = 'copy'; 14 e.dataTransfer.setData('text/html', '<span style="background:lime;color:black;">Pass if this text is on a green background</span>'); 15 }; 16 </script> 17 <p>Disable JavaScript in this browser and repeat the test. Pass if the entire dragged paragraph appears in the other application. Vendors may optionally choose to ignore this requirement.</p> 18 19 </body> 20 </html>