| <!doctype html> |
| <html> |
| <head> |
| <title>Data URI does match *</title> |
| </head> |
| <body> |
| <!-- |
| * allows any URL at all, so it should work |
| --> |
| <p>Load the following URL in a new tab (copy & paste it into the address bar):</p> |
| <noscript><p>Enable JavaScript and reload</p></noscript> |
| |
| <script type="text/javascript"> |
| document.write('data:text/html,'+escape( |
| '<!doctype html>\ |
| <html>\ |
| <head>\ |
| <title>Data URI does match *<\/title>\ |
| <style type="text/css">\ |
| html, body { margin: 0; padding: 0; }\ |
| div { height: 100px; width: 100px; background: orange; }\ |
| iframe { border: none; height: 150px; width: 150px; }\ |
| <\/style>\ |
| <\/head>\ |
| <body>\ |
| <script type="text/javascript">\ |
| var seentypes = {};\ |
| if( self == top ) {\ |
| document.body.ondragenter = document.body.ondragover = document.body.ondrop = function (e) {\ |
| e.preventDefault();\ |
| if( e.type == "drop" ) {\ |
| document.body.innerHTML = ( seentypes.dragenter && seentypes.dragover ) ? "PASS" : "FAIL";\ |
| } else {\ |
| seentypes[e.type] = true;\ |
| }\ |
| };\ |
| document.write("<p>Drag the orange square below over this text, and release it. Fail if this text does not change.<\\\/p>");\ |
| document.write("<p><iframe src=\\""+location.href+"\\"><\\\/iframe><\\\/p>");\ |
| } else {\ |
| document.write("<div draggable=\\"true\\"><\\\/div>");\ |
| document.getElementsByTagName("div")[0].ondragstart = function (e) {\ |
| e.dataTransfer.effectAllowed = "copy";\ |
| e.dataTransfer.setData("text","dummy text");\ |
| e.dataTransfer.allowTargetOrigin("*");\ |
| };\ |
| }\ |
| <\/script>\ |
| <\/body>\ |
| <\/html>')); |
| |
| </script> |
| </body> |
| </html> |