From dddf3307af24de71a8b6e52a984ba2f2e310c3b7 Mon Sep 17 00:00:00 2001 From: tommy tomson Date: Sun, 15 Apr 2012 04:39:33 +0200 Subject: [PATCH] diabook-themes: added js for auto-growing comment-textareas --- view/theme/diabook-aerith/comment_item.tpl | 2 +- .../js/jquery.autogrow.textarea.js | 46 +++++++++++++++++++ view/theme/diabook-aerith/theme.php | 13 ++++++ view/theme/diabook-blue/comment_item.tpl | 2 +- .../js/jquery.autogrow.textarea.js | 46 +++++++++++++++++++ view/theme/diabook-blue/theme.php | 13 ++++++ view/theme/diabook-red/comment_item.tpl | 2 +- .../js/jquery.autogrow.textarea.js | 46 +++++++++++++++++++ view/theme/diabook-red/theme.php | 12 +++++ view/theme/diabook/comment_item.tpl | 2 +- .../diabook/js/jquery.autogrow.textarea.js | 46 +++++++++++++++++++ view/theme/diabook/theme.php | 12 +++++ 12 files changed, 238 insertions(+), 4 deletions(-) create mode 100644 view/theme/diabook-aerith/js/jquery.autogrow.textarea.js create mode 100644 view/theme/diabook-blue/js/jquery.autogrow.textarea.js create mode 100644 view/theme/diabook-red/js/jquery.autogrow.textarea.js create mode 100644 view/theme/diabook/js/jquery.autogrow.textarea.js diff --git a/view/theme/diabook-aerith/comment_item.tpl b/view/theme/diabook-aerith/comment_item.tpl index 09fd8da3d..47046c371 100644 --- a/view/theme/diabook-aerith/comment_item.tpl +++ b/view/theme/diabook-aerith/comment_item.tpl @@ -11,7 +11,7 @@ $mytitle
- + img url video 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 = $('
').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(/\n/g, '
'); + + 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 diff --git a/view/theme/diabook-aerith/theme.php b/view/theme/diabook-aerith/theme.php index 53c564a94..907865207 100644 --- a/view/theme/diabook-aerith/theme.php +++ b/view/theme/diabook-aerith/theme.php @@ -292,6 +292,10 @@ $a->page['htmlhead'] .= sprintf('', $imageresizeJS); +//load jquery.autogrow-textarea.js +$autogrowJS = $a->get_baseurl($ssl_state)."/view/theme/diabook-aerith/js/jquery.autogrow.textarea.js"; +$a->page['htmlhead'] .= sprintf('', $autogrowJS); + //js scripts //comment-edit-wrapper on photo_view if ($a->argv[0].$a->argv[2] === "photos"."image"){ @@ -315,6 +319,15 @@ $a->page['htmlhead'] .= ' }); '; + +$a->page['htmlhead'] .= ' + +'; $a->page['htmlhead'] .= ' ', $imageresizeJS); +//load jquery.autogrow-textarea.js +$autogrowJS = $a->get_baseurl($ssl_state)."/view/theme/diabook-blue/js/jquery.autogrow.textarea.js"; +$a->page['htmlhead'] .= sprintf('', $autogrowJS); + //js scripts //comment-edit-wrapper on photo_view if ($a->argv[0].$a->argv[2] === "photos"."image"){ @@ -314,6 +318,15 @@ $a->page['htmlhead'] .= ' }); '; + +$a->page['htmlhead'] .= ' + +'; $a->page['htmlhead'] .= ' ', $imageresizeJS); +//load jquery.autogrow-textarea.js +$autogrowJS = $a->get_baseurl($ssl_state)."/view/theme/diabook-red/js/jquery.autogrow.textarea.js"; +$a->page['htmlhead'] .= sprintf('', $autogrowJS); //js scripts //comment-edit-wrapper on photo_view @@ -313,6 +316,15 @@ $a->page['htmlhead'] .= ' }); '; + +$a->page['htmlhead'] .= ' + +'; $a->page['htmlhead'] .= ' get_baseurl($ssl_state)."/view/theme/diabook/js/jquery.ae.image.resize.js"; $a->page['htmlhead'] .= sprintf('', $imageresizeJS); +//load jquery.autogrow-textarea.js +$autogrowJS = $a->get_baseurl($ssl_state)."/view/theme/diabook/js/jquery.autogrow.textarea.js"; +$a->page['htmlhead'] .= sprintf('', $autogrowJS); //js scripts //comment-edit-wrapper on photo_view @@ -329,6 +332,15 @@ $a->page['htmlhead'] .= ' '; +$a->page['htmlhead'] .= ' + +'; + $a->page['htmlhead'] .= '