[jQuery] Re: droppable limit

2009-09-15 Thread Boris Trivic

Other solution is to add next code below ...drop: function(){...

$(this).droppable('disable');

logicaly, it will disable drop on element...

If you want enable drop, again, add next code below ...out: function
(event, ui) {...

$(this).droppable('disable');

Hope it helps...

On Sep 8, 3:27 am, Richard D. Worth rdwo...@gmail.com wrote:
 The accept option can take a function. That function gets called when a
 draggable starts being dragged and the draggable item is sent as the first
 argument to the function. So if your droppable already has an item, simply
 return false in that function, otherwise return true. The other option would
 be to disable or destroy your droppable, once it has an item.
 - Richard

 On Sat, Sep 5, 2009 at 10:16 AM, pEeLL milan.h...@gmail.com wrote:

  Hi

  i use for drag and drop this easy code

  $(function() {

 $(.ui-draggable).draggable({ revert: 'invalid' });

 $(.ui-droppable).droppable({
 accept: '.ui-draggable',
 drop: function(event, ui) {
 $(this).addClass('red');
 },
 out: function(event, ui) {
 $(this).removeClass('red');
 }
 });
  });

  i have some boxes and some containers. i  want add ONLY one box to one
  container. How can i limit number of boxex that will container
  accept?  thanks for every help.


[jQuery] Re: droppable limit

2009-09-07 Thread Richard D. Worth
The accept option can take a function. That function gets called when a
draggable starts being dragged and the draggable item is sent as the first
argument to the function. So if your droppable already has an item, simply
return false in that function, otherwise return true. The other option would
be to disable or destroy your droppable, once it has an item.
- Richard

On Sat, Sep 5, 2009 at 10:16 AM, pEeLL milan.h...@gmail.com wrote:


 Hi

 i use for drag and drop this easy code

 $(function() {

$(.ui-draggable).draggable({ revert: 'invalid' });

$(.ui-droppable).droppable({
accept: '.ui-draggable',
drop: function(event, ui) {
$(this).addClass('red');
},
out: function(event, ui) {
$(this).removeClass('red');
}
});
 });

 i have some boxes and some containers. i  want add ONLY one box to one
 container. How can i limit number of boxex that will container
 accept?  thanks for every help.