PHPXRef 0.7 : Drupal 6 (gatewave) : /sites/all/modules/jquery_ui/jquery.ui/tests/visual/droppable/droppable_option_accept

[Summary view] [Print] [Text view]

   1  <!doctype html>
   2  <html lang="en">
   3  <head>
   4      <title>Droppable Visual Test : Draggable option accept function</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: function(draggable) {
  19                  return (draggable.text() === 'Draggable p');
  20              },
  21              drop: function(event, ui) {
  22                  $(this).append('<div>' + ui.draggable.text() + '</div>');
  23              }
  24          });
  25      });
  26      </script>
  27  </head>
  28  <body>
  29  
  30  <div id="draggables">
  31      <div>Draggable div</div>
  32      <p>Draggable p</p>
  33      <span>Draggable span</div>
  34  </div>
  35  
  36  <div id="droppable" class="ui-widget-content ui-corner-all">
  37      <p class="ui-widget-header ui-corner-all"> Droppable </p>
  38  </div>
  39  </body>
  40  </html>

PHP Cross Reference of Drupal 6 (gatewave)

/sites/all/modules/jquery_ui/jquery.ui/tests/visual/droppable/ -> droppable_option_accept_function.html (source)