| <?xml version="1.0" encoding="utf-8"?> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>Image drag and drop to iframe</title> |
| <style type="text/css"> |
| p:first-child |
| {padding-left:20px;} |
| iframe |
| {width:160px; |
| height:160px; |
| border-style:none;} |
| </style> |
| </head> |
| <body> |
| <p><img src="../resources/circle.png" alt="PNG circle" ondragstart="event.dataTransfer.effectAllowed = 'copy'"/></p> |
| <p>Drag circle above to the box below. It should be copied to the box once you drop it there.</p> |
| <p><iframe src="helper-drop-image-here.xhtml">XHTML with image</iframe></p> |
| </body> |
| </html> |