| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|---|
| 2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
|---|
| 3 | <head> |
|---|
| 4 | <title>Image Dragging</title> |
|---|
| 5 | <script type="text/javascript"> |
|---|
| 6 | |
|---|
| 7 | window.onload = function() |
|---|
| 8 | { |
|---|
| 9 | document.designMode = 'on' ; |
|---|
| 10 | } |
|---|
| 11 | |
|---|
| 12 | </script> |
|---|
| 13 | </head> |
|---|
| 14 | <body> |
|---|
| 15 | <p> |
|---|
| 16 | <b>To test it, just drag the following image inside the text.</b> |
|---|
| 17 | </p> |
|---|
| 18 | <p> |
|---|
| 19 | <img src="http://www.google.com/images/logo.gif" /> |
|---|
| 20 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin egestas dignissim |
|---|
| 21 | tellus. Quisque ipsum massa, pulvinar sed, dictum sed, tempor ut, justo. Aliquam |
|---|
| 22 | egestas condimentum libero. Proin dapibus facilisis lorem. Class aptent taciti sociosqu |
|---|
| 23 | ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum lobortis |
|---|
| 24 | nonummy quam. Duis vehicula fringilla velit. Proin feugiat. Vivamus pellentesque. |
|---|
| 25 | Sed lobortis egestas nulla. Maecenas non nisl. Quisque imperdiet urna et ipsum. |
|---|
| 26 | Nunc in justo. Duis feugiat porttitor enim. Mauris nunc urna, gravida vel, congue |
|---|
| 27 | ac, commodo at, lacus. Maecenas non felis. Morbi vestibulum. Lorem ipsum dolor sit |
|---|
| 28 | amet, consectetuer adipiscing elit. Suspendisse rhoncus, sapien sed tempor egestas, |
|---|
| 29 | libero elit pellentesque leo, at vehicula dui velit ac nunc. Curabitur rhoncus dui |
|---|
| 30 | eu nisl. |
|---|
| 31 | </p> |
|---|
| 32 | <p> |
|---|
| 33 | Quisque id ipsum. In hac habitasse platea dictumst. Morbi feugiat. Morbi turpis |
|---|
| 34 | lorem, sollicitudin sit amet, interdum ac, egestas et, mi. Curabitur cursus. Phasellus |
|---|
| 35 | gravida magna vel odio. Phasellus vel augue sit amet mauris consequat pretium. Duis |
|---|
| 36 | scelerisque, libero et vehicula malesuada, nibh neque pharetra tellus, in ultricies |
|---|
| 37 | odio turpis at odio. Maecenas libero risus, rutrum id, vestibulum ac, porta vitae, |
|---|
| 38 | purus. Donec nisi lacus, ultricies nonummy, viverra ac, vestibulum molestie, nunc. |
|---|
| 39 | Mauris lobortis porttitor mi. Mauris dapibus imperdiet odio. |
|---|
| 40 | </p> |
|---|
| 41 | <p> |
|---|
| 42 | Aliquam mi nulla, placerat ut, consectetuer sit amet, ullamcorper sodales, elit. |
|---|
| 43 | Donec massa. Mauris et magna blandit urna condimentum porttitor. Ut placerat tellus |
|---|
| 44 | feugiat nunc. Suspendisse lacinia. Duis convallis nisl id ipsum. Nam aliquam augue |
|---|
| 45 | non ipsum. Quisque sit amet arcu a purus lacinia sodales. Pellentesque auctor lobortis |
|---|
| 46 | dolor. Etiam vitae urna. |
|---|
| 47 | </p> |
|---|
| 48 | <p> |
|---|
| 49 | Integer eu lectus in nibh bibendum fermentum. Integer velit magna, auctor in, porttitor |
|---|
| 50 | sed, porttitor eu, quam. Vestibulum gravida, erat vitae accumsan rhoncus, sapien |
|---|
| 51 | tellus commodo diam, eu vulputate risus dui eget tellus. Donec euismod metus sit |
|---|
| 52 | amet sem. Nunc sit amet nulla id ante lobortis viverra. Aliquam nec lacus egestas |
|---|
| 53 | velit varius varius. Suspendisse at metus quis neque consequat faucibus. Morbi sagittis |
|---|
| 54 | sodales sem. Nunc tincidunt ornare turpis. Fusce at elit mattis nisl imperdiet auctor. |
|---|
| 55 | Suspendisse potenti. Sed ut tellus. Fusce mi eros, tincidunt ut, volutpat sit amet, |
|---|
| 56 | feugiat non, felis. |
|---|
| 57 | </p> |
|---|
| 58 | <p> |
|---|
| 59 | Aliquam lacinia, libero nec fermentum viverra, velit urna hendrerit lectus, in porttitor |
|---|
| 60 | quam diam ac elit. Suspendisse at turpis. Sed aliquet quam ut ligula. Nulla orci |
|---|
| 61 | nibh, viverra quis, vestibulum quis, iaculis vitae, tellus. Vestibulum ante ipsum |
|---|
| 62 | primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus suscipit, |
|---|
| 63 | tortor at bibendum fermentum, nisi felis imperdiet nisi, sed nonummy turpis tortor |
|---|
| 64 | vitae lectus. Sed consectetuer accumsan odio. Cras scelerisque molestie orci. Aliquam |
|---|
| 65 | erat volutpat. Sed venenatis porttitor lacus. |
|---|
| 66 | </p> |
|---|
| 67 | </body> |
|---|
| 68 | </html> |
|---|
