experiments/jquery-ui/draggable.html

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE html
   3           PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   4           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   5 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   6   <head>
   7     <title>MasterKey Administrator Login</title>
   8     <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
   9     <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
  10     <style type="text/css">
  11       .info {
  12         background: #ffe0ff;
  13         padding: 1em;
  14       }
  15       .greeting {
  16         background: #ffffc0;
  17         padding: 1em;
  18       }
  19     </style>
  20     <script type="text/javascript">
  21       $(function () {
  22         $(".greeting").draggable();
  23       });
  24     </script>
  25   </head>
  26   <body>
  27     <p class="info">
  28       JQuery UI demo.
  29     </p>
  30     <p class="greeting ui-widget-content">
  31       Hello, <b>world!</b>
  32     </p>
  33     <p class="info">
  34       That seemed to go OK.
  35     </p>
  36   </body>
  37 </html>