[ Index ]

PHP Cross Reference of Drupal 6 (yi-drupal)

title

Body

[close]

/sites/all/libraries/jquery.ui/tests/visual/droppable/ -> droppable_option_accept_selector.html (source)

   1  <!doctype html>
   2  <html lang="en">
   3  <head>
   4      <title>Droppable Visual Test : Draggable option accept selector</title>
   5      <link rel="stylesheet" href="../visual.css" type="text/css" />
   6      <link rel="stylesheet" href="droppable.css" type="text/css" />
   7      <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
   8      <script type="text/javascript" src="../../../jquery-1.3.2.js"></script>
   9      <script type="text/javascript" src="../../../ui/ui.core.js"></script>
  10      <script type="text/javascript" src="../../../ui/ui.draggable.js"></script>
  11      <script type="text/javascript" src="../../../ui/ui.droppable.js"></script>
  12      <script type="text/javascript">
  13      $(function() {
  14          $("#draggables *").draggable({
  15              revert: true
  16          });
  17          $("#droppable").droppable({
  18              accept: 'p',
  19              drop: function(event, ui) {
  20                  $(this).append('<div>' + ui.draggable.text() + '</div>');
  21              }
  22          });
  23      });
  24      </script>
  25  </head>
  26  <body>
  27  
  28  <div id="draggables">
  29      <div>Draggable div</div>
  30      <p>Draggable p</p>
  31      <span>Draggable span</div>
  32  </div>
  33  
  34  <div id="droppable" class="ui-widget-content ui-corner-all">
  35      <p class="ui-widget-header ui-corner-all"> Droppable </p>
  36  </div>
  37  </body>
  38  </html>


Generated: Mon Jul 9 18:01:44 2012 Cross-referenced by PHPXref 0.7