Hope that makes sense.

…I doubt if I make any sense above :P

Great post. Absolutely enlightening and helpful. I’ve followed most of what you’ve written in this and the previous post and tried some of it. Here’s where I’m getting stuck:

I have specific target DIVs (let’s call it DTarget) that a user can drop something onto. When they drop something onto it the code adds a new DIV with the thing’s name right after the target (call it DName) and it adds another DTarget following the new DName. So it ends up looking like:

DTarget
DName
DTarget

The last DTarget is dynamically added so it doesn’t know that it can accept a drop of a DName on it. Making something a droppable target isn’t an event, it’s an attribute of the .droppable method. How do I bind that attribute to the new DTarget?

Thanks, if you get a chance to answer this and thanks in any case. These two posts were still very valuable.

Thomas

$(".DName").draggable({...});

$(".DTarget").droppable({
    accept: ".DName",
    drop: function(event, ui) {
        $(this).after('<div class="DName">'  +  things name gotten elsewhere  +  '</div>');
        <!-- Tried the clone(true) option here, it copied the element but it wasn't droppable ??? -->
    }
});

Thanks so much for this post as it saved me a lot of time and shaked to stop thinking about a silly idea (I was thinking it was the style=”opacity” added automatically via jQuery which prevents the usge of new items, silly me :), I was stuck with that idea.)

  $('#myForm').submit(function() {
    var myData = $(this).serialize();
    $.post('handler.php', myData, function() {
      // do something after post success
    });
    return false;
  });

I got a question for you im trying to vind the correct syntax of a combination between button.click and http request.

I got 3 drop down menu’s(week, month and year) where the values got to be posted to the handler .php by a button.click.
But i can’t vind any where the sintax or an explanation can you give me any hints or tips about this?
thank you in advanced Mark

I’m trying to implement the add/remove functionality to a table. I’m creating sort of contact form. Here is a quick and simple example.

So basically I need the button to generate a whole new table row. Any ideas? Appreciate all comments, thank you in advanced!