aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme/diabook/diabook-aerith/js/jquery.autogrow.textarea.js
diff options
context:
space:
mode:
authortomtom84 <63dc41d76451@ba77e90e49a6.anonbox.net>2012-04-19 16:55:24 -0700
committertomtom84 <63dc41d76451@ba77e90e49a6.anonbox.net>2012-04-19 16:55:24 -0700
commitc88dd1485f31a129f6e00bf92afee241708e7da9 (patch)
treeec970c671a945a6f64543b62ebdd37647abc89d6 /view/theme/diabook/diabook-aerith/js/jquery.autogrow.textarea.js
parent4a292e41378df8a89a809a2e1472727ca7b4b5c0 (diff)
parentf5f1956e8b855ab5aeab531fc44a1a773427bf64 (diff)
downloadvolse-hubzilla-c88dd1485f31a129f6e00bf92afee241708e7da9.tar.gz
volse-hubzilla-c88dd1485f31a129f6e00bf92afee241708e7da9.tar.bz2
volse-hubzilla-c88dd1485f31a129f6e00bf92afee241708e7da9.zip
Merge pull request #252 from tomtom84/master
diabook-themes: theme-settings: add "colour scheme"-option, add diabook-pink and some bug/css-fixes
Diffstat (limited to 'view/theme/diabook/diabook-aerith/js/jquery.autogrow.textarea.js')
-rw-r--r--view/theme/diabook/diabook-aerith/js/jquery.autogrow.textarea.js46
1 files changed, 46 insertions, 0 deletions
diff --git a/view/theme/diabook/diabook-aerith/js/jquery.autogrow.textarea.js b/view/theme/diabook/diabook-aerith/js/jquery.autogrow.textarea.js
new file mode 100644
index 000000000..806e34f51
--- /dev/null
+++ b/view/theme/diabook/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, '&lt;')
+ .replace(/>/g, '&gt;')
+ .replace(/&/g, '&amp;')
+ .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