adds resizeble textbox

diff --git a/css/style.css b/css/style.css
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..a092440cdbaee4ab051fe9b82bc47c6a2f763446 100644 (file)
--- 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 e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..fc421abf857cb25aaf509066c3c696f606cf81e8 100644 (file)
--- 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, '<br>');
+    hiddenDiv.html(content + '<br class="lbr">');
+
+    $(this).css('height', hiddenDiv.height()+23);
+
+       });
+
+});
\ No newline at end of file