aboutsummaryrefslogtreecommitdiff
path: root/web/js/jquery.autoresize.js
diff options
context:
space:
mode:
authorGravatar Ugnich Anton2012-01-28 14:45:42 +0700
committerGravatar Ugnich Anton2012-01-28 14:45:42 +0700
commitad61ffdbaf004dd3b33adf8f2780500069fa097b (patch)
tree9da75dee30f84c5d244367f5819da04f597de31b /web/js/jquery.autoresize.js
parentc451a7e42560e33238b0c1d39784eeffd29fae67 (diff)
JS, CSS, PNG
Diffstat (limited to 'web/js/jquery.autoresize.js')
-rw-r--r--web/js/jquery.autoresize.js230
1 files changed, 230 insertions, 0 deletions
diff --git a/web/js/jquery.autoresize.js b/web/js/jquery.autoresize.js
new file mode 100644
index 00000000..a54ec545
--- /dev/null
+++ b/web/js/jquery.autoresize.js
@@ -0,0 +1,230 @@
+/*
+ * jQuery.fn.autoResize 1.1
+ * --
+ * https://github.com/jamespadolsey/jQuery.fn.autoResize
+ * --
+ * This program is free software. It comes without any warranty, to
+ * the extent permitted by applicable law. You can redistribute it
+ * and/or modify it under the terms of the Do What The Fuck You Want
+ * To Public License, Version 2, as published by Sam Hocevar. See
+ * http://sam.zoy.org/wtfpl/COPYING for more details. */
+
+(function($){
+
+ var defaults = autoResize.defaults = {
+ onResize: function(){},
+ animate: {
+ duration: 200,
+ complete: function(){}
+ },
+ extraSpace: 0,
+ minHeight: 1,
+ maxHeight: 500,
+ minWidth: 'original',
+ maxWidth: 500
+ };
+
+ autoResize.cloneCSSProperties = [
+ 'lineHeight', 'textDecoration', 'letterSpacing',
+ 'fontSize', 'fontFamily', 'fontStyle', 'fontWeight',
+ 'textTransform', 'textAlign', 'direction', 'wordSpacing', 'fontSizeAdjust',
+ 'padding'
+ ];
+
+ autoResize.cloneCSSValues = {
+ position: 'absolute',
+ top: -9999,
+ left: -9999,
+ opacity: 0,
+ overflow: 'hidden'
+ };
+
+ autoResize.resizableFilterSelector = 'textarea,input:not(input[type]),input[type=text],input[type=password]';
+
+ autoResize.AutoResizer = AutoResizer;
+
+ $.fn.autoResize = autoResize;
+
+ function autoResize(config) {
+ this.filter(autoResize.resizableFilterSelector).each(function(){
+ new AutoResizer( $(this), config );
+ });
+ return this;
+ }
+
+ function AutoResizer(el, config) {
+
+ config = this.config = $.extend(autoResize.defaults, config);
+ this.el = el;
+
+ this.nodeName = el[0].nodeName.toLowerCase();
+
+ this.originalHeight = el.height();
+ this.previousScrollTop = null;
+
+ this.value = el.val();
+
+ if (config.maxWidth === 'original') config.maxWidth = el.width();
+ if (config.minWidth === 'original') config.minWidth = el.width();
+ if (config.maxHeight === 'original') config.maxHeight = el.height();
+ if (config.minHeight === 'original') config.minHeight = el.height();
+
+ if (this.nodeName === 'textarea') {
+ el.css({
+ resize: 'none',
+ overflowY: 'hidden'
+ });
+ }
+
+ el.data('AutoResizer', this);
+
+ this.createClone();
+ this.injectClone();
+ this.bind();
+
+ }
+
+ AutoResizer.prototype = {
+
+ bind: function() {
+
+ var check = $.proxy(function(){
+ this.check();
+ return true;
+ }, this);
+
+ this.unbind();
+
+ this.el
+ .bind('keyup.autoResize', check)
+ //.bind('keydown.autoResize', check)
+ .bind('change.autoResize', check);
+
+ this.check(null, true);
+
+ },
+
+ unbind: function() {
+ this.el.unbind('.autoResize');
+ },
+
+ createClone: function() {
+
+ var el = this.el,
+ clone;
+
+ if (this.nodeName === 'textarea') {
+ clone = el.clone().height('auto');
+ } else {
+ clone = $('<span/>').width('auto').css({
+ whiteSpace: 'nowrap'
+ });
+ }
+
+ this.clone = clone;
+
+ $.each(autoResize.cloneCSSProperties, function(i, p){
+ clone[0].style[p] = el.css(p);
+ });
+
+ clone
+ .removeAttr('name')
+ .removeAttr('id')
+ .attr('tabIndex', -1)
+ .css(autoResize.cloneCSSValues);
+
+ },
+
+ check: function(e, immediate) {
+
+ var config = this.config,
+ clone = this.clone,
+ el = this.el,
+ value = el.val();
+
+ if (this.nodeName === 'input') {
+
+ clone.text(value);
+
+ // Calculate new width + whether to change
+ var cloneWidth = clone.width(),
+ newWidth = (cloneWidth + config.extraSpace) >= config.minWidth ?
+ cloneWidth + config.extraSpace : config.minWidth,
+ currentWidth = el.width();
+
+ newWidth = Math.min(newWidth, config.maxWidth);
+
+ if (
+ (newWidth < currentWidth && newWidth >= config.minWidth) ||
+ (newWidth >= config.minWidth && newWidth <= config.maxWidth)
+ ) {
+
+ config.onResize.call(el);
+
+ el.scrollLeft(0);
+
+ config.animate && !immediate ?
+ el.stop(1,1).animate({
+ width: newWidth
+ }, config.animate)
+ : el.width(newWidth);
+
+ }
+
+ return;
+
+ }
+
+ // TEXTAREA
+
+ clone.height(0).val(value).scrollTop(10000);
+
+ var scrollTop = clone[0].scrollTop + config.extraSpace;
+
+ // Don't do anything if scrollTop hasen't changed:
+ if (this.previousScrollTop === scrollTop) {
+ return;
+ }
+
+ this.previousScrollTop = scrollTop;
+
+ if (scrollTop >= config.maxHeight) {
+ el.css('overflowY', '');
+ return;
+ }
+
+ el.css('overflowY', 'hidden');
+
+ if (scrollTop < config.minHeight) {
+ scrollTop = config.minHeight;
+ }
+
+ config.onResize.call(el);
+
+ // Either animate or directly apply height:
+ config.animate && !immediate ?
+ el.stop(1,1).animate({
+ height: scrollTop
+ }, config.animate)
+ : el.height(scrollTop);
+
+ },
+
+ destroy: function() {
+ this.unbind();
+ this.el.removeData('AutoResizer');
+ this.clone.remove();
+ delete this.el;
+ delete this.clone;
+ },
+
+ injectClone: function() {
+ (
+ autoResize.cloneContainer ||
+ (autoResize.cloneContainer = $('<arclones/>').appendTo('body'))
+ ).append(this.clone);
+ }
+
+ };
+
+})(jQuery); \ No newline at end of file