<p>Documentation can be found <a href="http://github.com/madrobby/scriptaculous/wikis/droppables" rel="nofollow noreferrer">here</a></p>

<p>It says in the example:</p>

<p><strong>onDrop:
Called whenever a Draggable is released over the Droppable and the Droppable is accepts it. The callback gets three parameters: the Draggable element, the Droppable element and the Event. You can extract additional information about the drop – like if the Ctrl or Shift keys were pressed – from the Event object.</strong></p>

<p>Then it gives some code</p>

<p>Droppables.add('shopping_cart', {
  accept: 'products',
  onDrop: function(element) {
    $('shopping_cart_text').update('Dropped the ' + element.alt + ' on me.');
  }
});</p>

<p>It uses the ambiguous word 'element' in the code.  <strong>My question is, does anyone have a good example on how to reference the draggable element and the droppable element in this callback javascript function?</strong></p>

Going by the example further down the page, the callback function can take as many of the parameters as you need:
```
```
onDrop: function() { $('droppable_demo').highlight(); }
```
```
In this case, they have used none of the callback parameters.  To this end, presumably to access all three as mentioned in the paragraph you quoted, you can define:
```
```
onDrop: function(dragged, dropped, event) {  }
```
```