X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/33d3159145359df7638b3ac0268d4a400856a932..82d463191442b0931e0c51c0cf4c2ef1383b400b:/project/static/js/jquery.resizable.js diff --git a/project/static/js/jquery.resizable.js b/project/static/js/jquery.resizable.js new file mode 100644 index 00000000..415aa2da --- /dev/null +++ b/project/static/js/jquery.resizable.js @@ -0,0 +1,31 @@ +(function($){ + $.resizable = { + element: {}, + drag: function(event) { + $.resizable.element.element.css({ + width: Math.max(event.pageX - $.resizable.element.mouseX + $.resizable.element.width, 0) + }) + $.resizable.element.element.trigger('resizable:resize'); + return false; + }, + stop: function() { + $.resizable.element.element.trigger('resizable:stop'); + $().unbind('mousemove', $.resizable.drag).unbind('mouseup', $.resizable.stop); + return false; + } + }; + + $.fn.resizable = function(handle) { + var element = $(this); + $(handle, element).mousedown(function(event) { + var position = element.position(); + $.resizable.element = { + element: element, + width: parseInt(element.css('width')) || element[0].scrollWidth || 0, + mouseX: event.pageX, + }; + $().mousemove($.resizable.drag).mouseup($.resizable.stop); + }); + }; +})(jQuery); +