project/static/js/jquery.resizable.js

   1 (function($){
   2     $.resizable = {
   3         element: {},
   4         drag: function(event) {
   5             $.resizable.element.element.css({
   6                 width: Math.max(event.pageX - $.resizable.element.mouseX + $.resizable.element.width, 0)
   7             })
   8             $.resizable.element.element.trigger('resizable:resize');
   9             return false;
  10         },
  11         stop: function() {
  12             $.resizable.element.element.trigger('resizable:stop');
  13             $().unbind('mousemove', $.resizable.drag).unbind('mouseup', $.resizable.stop);
  14             return false;
  15         }
  16     };
  17
  18     $.fn.resizable = function(handle) {
  19         var element = $(this);
  20         $(handle, element).mousedown(function(event) {
  21             var position = element.position();
  22             $.resizable.element = {
  23                 element: element,
  24                 width: parseInt(element.css('width')) || element[0].scrollWidth || 0,
  25                 mouseX: event.pageX,
  26             };
  27             $().mousemove($.resizable.drag).mouseup($.resizable.stop);
  28         });
  29     };
  30 })(jQuery);
  31