[ Index ]

PHP Cross Reference of Drupal 6 (gatewave)

title

Body

[close]

/sites/all/modules/jquery_ui/jquery.ui/demos/draggable/ -> default.html (source)

   1  <!doctype html>
   2  <html lang="en">
   3  <head>
   4      <title>jQuery UI Draggable - Default functionality</title>
   5      <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
   6      <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
   7      <script type="text/javascript" src="../../ui/ui.core.js"></script>
   8      <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
   9      <link type="text/css" href="../demos.css" rel="stylesheet" />
  10      <style type="text/css">
  11      #draggable { width: 150px; height: 150px; padding: 0.5em; }

  12      </style>
  13      <script type="text/javascript">
  14      $(function() {
  15          $("#draggable").draggable();
  16      });
  17      </script>
  18  </head>
  19  <body>
  20  
  21  <div class="demo">
  22  
  23  <div id="draggable" class="ui-widget-content">
  24      <p>Drag me around</p>
  25  </div>
  26  
  27  </div><!-- End demo -->
  28  
  29  <div class="demo-description">
  30  
  31  <p>
  32  Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.
  33  </p>
  34  
  35  </div><!-- End demo-description -->
  36  
  37  </body>
  38  </html>


Generated: Thu Mar 24 11:18:33 2011 Cross-referenced by PHPXref 0.7