Scriptaculous JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. Scriptaculous
  4. Droppable target




  
    
    
    
    
  
  
    
      Draggable
    
 
    
    
    new Draggable("source", {
      revert:"failure", 
      onDropped: function(element){ $(element).update('I WAS DROPPED!') },
      reverteffect: function(element, top_offset, left_offset) {
        var dur = Math.sqrt(Math.abs(top_offset^2)+Math.abs(left_offset^2))*0.02;
        new Effect.Move(element, { 
          x: -left_offset, y: -top_offset, duration: dur,
          transition: Effect.Transitions.spring,
          queue: {scope:'_draggable', position:'end'}
        });
      }
    });
    
    
    
    
    
    
      Good Target
    

    
     
     
     Droppables.add("target", {
       onDrop:function(element){ Effect.Puff($('source')); }
     });