$('div.draggable').livequery(function(){
                $(this).draggable({
                        helper: 'clone', opacity: '0.9'
                });
                var bag_id = $(this).attr('id');
                $('div.droppable').droppable({
                        accept: 'div.draggable',
                        drop: function(event, ui) {
                                var parts_id = $(this).attr('id');
                                var bag_name = '#'+bag_id;
                                var parts_name = '#'+parts_id;
                                $.ajax({
                                        method: 'GET', url: 'partreplace.php', 
data: 'part='+parts_id
+'&part2='+bag_id+'&s=start'
                                });
                                $.ajax({
                                        method: 'GET', url: 'partreplace.php', 
data: 'part='+parts_id
+'&s=end',
                                        success: function(html) {
                                                $(parts_name).html(html);
                                        }
                                });
                                $.ajax({
                                        method: 'GET', url: 'partreplace.php', 
data: 'part2='+bag_id
+'&s=end2',
                                        sucess: function(html) {
                                                $(bag_name).html(html);
                                        }
                                });
                        }
                });
        });

It updates the parts_name div but the bag_name div doesn't update even
though the partreplace.php is working correctly... Any ideas?

Using: LiveQuery Addon, jQuery UI for this function...

Reply via email to