jQuery Forum

Hi,

suppose, I have 2 or more container (droppables). In these containers residing are any draggables.

When the user drags a draggable from one container to another, I need to find out, from which container the draggable was dragged.

This is my code, so far..

BR

Tobias

1.     $(function() {
           $( ".draggable" ).draggable();
           $( ".droppable" ).droppable({
               drop: function( event, ui ) {
                   $( this )
                       .addClass( "ui-state-highlight" )
                       .find( "#droppable" )
                           .html( "dropped!" );
               
                    // Source (Droppable)
                    // TODO: How to find out?
                   
                    // Target (Droppable)
                    targetName = $(this).attr('id');
                   
                    // Objekt ID des Draggable ermitteln
                    oid = ui.draggable.find('p').attr('id');
                    oid = oid.replace('oid', '');
                   
                   
                    move(oid, g_cols_links, g_cols_oben);
                     links();
                    oben();
                  
               }
           });
       });
   

Hi,

I am building objects with

1. function oColumn(name, agg) {
            this.name = name;
            this.agg = agg;
           
            this.toString = function() {
                text = "";
                text += "<div class='draggable' >";
                text += '<p>' + this.name + '(' + this.agg + ')</p>';
                text += "</div>";
                return text;
            }
                 
        }
   

Then I drag and drop these objects from one place to another
Actually the objects are transfered from one array into another array. These arrays are then used to refresh the corresponding tables.
I tracked down the error to the line
g_cols_oben.push(this);     
After this in the array g_cols_oben_push is not my object but  [object HTMLTableCellElement]

What am I doing wrong?

1. <script>
       $(function() {
           $( ".draggable" ).draggable();
           $( ".droppable" ).droppable({
               drop: function( event, ui ) {
                   $( this )
                       .addClass( "ui-state-highlight" )
                       .find( "p" )
                           .html( "dropped!" );
                   //alert('droppend: ' + dir(this));
                  
                   g_cols_oben.push(this);               
                   g_cols_links.splice(this);
       
                    links();
                   oben();
                  
                  
               }
           });
       });
       </script>
   

BR

Tobias