[jQuery] Re: dynamically inserted droppable

[Chris]

Thanks, it works.

However, it there any way I can design this more nicely so there won't
be unnecessary code repetitions? It just feels a little odd to pass
over all the options again.

On Feb 9, 1:41 am, Richard D. Worth rdwo...@gmail.com wrote:
 After you add the element to the page, just call .droppable() on it.

 $('div class=usergroupnew user
 group/div').appendTo('#container_usergroups').css('display',
 'none').fadeIn('slow').droppable(options);

 - Richard

 On Sat, Feb 7, 2009 at 12:20 PM, Chris ch0...@googlemail.com wrote:

  Hi,

  I am relatively new to developing applications with both javascript
  and the jquery framework. What I can't figure out is what to do if I
  dynamically insert something on my page (imagine I click on a button
  to create a new div-container) and that div should then automatically
  become a droppable or something.

  Right now, I have the following code loaded on the top of my site.
  This is not working when I dynamically load the div but of course is
  when I manually add that markup to the page.

  $('.usergroup').droppable({
 accept: function(draggable) {
 // imagine certain logic that will return true
 },
 drop: function(event, ui) {
 // do something...
 }
  });

  $('#newgroup').live('click', function() {
 $('div class=usergroupnew user group/div').appendTo
  ('#container_usergroups').css('display', 'none').fadeIn('slow');
  });

  How can I make that div actually be droppable / whatever I want it to
  be?

  Thanks,
  Christian

[jQuery] Re: dynamically inserted droppable

[Chris]

Nothing guys? Still couldn't figure it out on my own. Everything
appreciated.

On Feb 7, 6:20 pm, Chris ch0...@googlemail.com wrote:
 Hi,

 I am relatively new to developing applications with both javascript
 and the jquery framework. What I can't figure out is what to do if I
 dynamically insert something on my page (imagine I click on a button
 to create a new div-container) and that div should then automatically
 become a droppable or something.

 Right now, I have the following code loaded on the top of my site.
 This is not working when I dynamically load the div but of course is
 when I manually add that markup to the page.

 $('.usergroup').droppable({
 accept: function(draggable) {
 // imagine certain logic that will return true
 },
 drop: function(event, ui) {
 // do something...
 }

 });

 $('#newgroup').live('click', function() {
 $('div class=usergroupnew user group/div').appendTo
 ('#container_usergroups').css('display', 'none').fadeIn('slow');

 });

 How can I make that div actually be droppable / whatever I want it to
 be?

 Thanks,
 Christian

[jQuery] Re: dynamically inserted droppable

[Richard D. Worth]

After you add the element to the page, just call .droppable() on it.

$('div class=usergroupnew user
group/div').appendTo('#container_usergroups').css('display',
'none').fadeIn('slow').droppable(options);

- Richard

On Sat, Feb 7, 2009 at 12:20 PM, Chris ch0...@googlemail.com wrote:


 Hi,

 I am relatively new to developing applications with both javascript
 and the jquery framework. What I can't figure out is what to do if I
 dynamically insert something on my page (imagine I click on a button
 to create a new div-container) and that div should then automatically
 become a droppable or something.

 Right now, I have the following code loaded on the top of my site.
 This is not working when I dynamically load the div but of course is
 when I manually add that markup to the page.

 $('.usergroup').droppable({
accept: function(draggable) {
// imagine certain logic that will return true
},
drop: function(event, ui) {
// do something...
}
 });


 $('#newgroup').live('click', function() {
$('div class=usergroupnew user group/div').appendTo
 ('#container_usergroups').css('display', 'none').fadeIn('slow');
 });

 How can I make that div actually be droppable / whatever I want it to
 be?

 Thanks,
 Christian