From e9902b1b1f99d9298e3bdac4616ae3c457512b65 Mon Sep 17 00:00:00 2001 From: S7012MY Date: Sat, 25 Jan 2014 20:28:51 +0200 Subject: [PATCH] adds resizeble textbox --- css/style.css | 10 ++++++++++ js/scripts.js | 22 ++++++++++++++++++++++ 2 files changed, 32 insertions(+) diff --git a/css/style.css b/css/style.css index e69de29..a092440 100644 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,10 @@ +.txtstuff { + overflow: hidden; +} + +.hiddendiv { + display: none; + white-space: pre-wrap; + word-wrap: break-word; + overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */ +} \ No newline at end of file diff --git a/js/scripts.js b/js/scripts.js index e69de29..fc421ab 100644 --- a/js/scripts.js +++ b/js/scripts.js @@ -0,0 +1,22 @@ +$( document ).ready(function() { + var txt = $('#comments'); + hiddenDiv = $(document.createElement('div')), + content = null; + + txt.addClass('txtstuff'); + hiddenDiv.addClass('hiddendiv common'); + + $('body').append(hiddenDiv); + + $(".form-control").on('keyup', function () { + + content = $(this).val(); + + content = content.replace(/\n/g, '
'); + hiddenDiv.html(content + '
'); + + $(this).css('height', hiddenDiv.height()+23); + + }); + +}); \ No newline at end of file -- 2.30.2