diff options
author | tommy tomson <thomas.bierey@gmx.de> | 2012-04-15 04:39:33 +0200 |
---|---|---|
committer | tommy tomson <thomas.bierey@gmx.de> | 2012-04-15 04:39:33 +0200 |
commit | dddf3307af24de71a8b6e52a984ba2f2e310c3b7 (patch) | |
tree | b45087fc3bd2c69c7fd872106365d70aa4d0ce84 /view/theme/diabook-aerith/js | |
parent | 170c15ceb9cac013146b7f9687b83a376a3a21ff (diff) | |
download | volse-hubzilla-dddf3307af24de71a8b6e52a984ba2f2e310c3b7.tar.gz volse-hubzilla-dddf3307af24de71a8b6e52a984ba2f2e310c3b7.tar.bz2 volse-hubzilla-dddf3307af24de71a8b6e52a984ba2f2e310c3b7.zip |
diabook-themes: added js for auto-growing comment-textareas
Diffstat (limited to 'view/theme/diabook-aerith/js')
-rw-r--r-- | view/theme/diabook-aerith/js/jquery.autogrow.textarea.js | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/view/theme/diabook-aerith/js/jquery.autogrow.textarea.js b/view/theme/diabook-aerith/js/jquery.autogrow.textarea.js new file mode 100644 index 000000000..806e34f51 --- /dev/null +++ b/view/theme/diabook-aerith/js/jquery.autogrow.textarea.js @@ -0,0 +1,46 @@ +(function($) { + + /* + * Auto-growing textareas; technique ripped from Facebook + */ + $.fn.autogrow = function(options) { + + this.filter('textarea').each(function() { + + var $this = $(this), + minHeight = $this.height(), + lineHeight = $this.css('lineHeight'); + + var shadow = $('<div></div>').css({ + position: 'absolute', + top: -10000, + left: -10000, + width: $(this).width(), + fontSize: $this.css('fontSize'), + fontFamily: $this.css('fontFamily'), + lineHeight: $this.css('lineHeight'), + resize: 'none' + }).appendTo(document.body); + + var update = function() { + + var val = this.value.replace(/</g, '<') + .replace(/>/g, '>') + .replace(/&/g, '&') + .replace(/\n/g, '<br/>'); + + shadow.html(val); + $(this).css('height', Math.max(shadow.height() + 20, minHeight)); + } + + $(this).change(update).keyup(update).keydown(update); + + update.apply(this); + + }); + + return this; + + } + +})(jQuery);
\ No newline at end of file |