Facebook Style Textarea Auto Grow Using JQuery Plugin and Css | 2my4edge

25 June 2013

Facebook Style Textarea Auto Grow Using JQuery Plugin and Css

Usually textarea is one of the form input type, it is identified by rows and cols, while using Rows and Cols the textarea will be comes like scrolled type for that we are going to disable the scroll bar and grow the textarea.

For that we are using Textarea autogrow plugin to expand the textarea and css for remove the resize of the text area.

DOWNLOAD             LIVEDEMO  

Textarea


<textarea id="target" rows="4" cols="4"></textarea>

id must be same

Textarea Script

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="jquery.autogrowtextarea.min.js"></script>
    <script>
        $(document).ready(function() {
            $("#target").autoGrow();
        });
</script>

Textarea CSS

textarea { resize:none; }

that's it about textarea property, and textarea autogrow functions

8 comments:

  1. i want to create an application where i want to show notification like fb , i mean when any new record inserted in database without refresh page it should show on notification bar like fb and after clicking on notification bar it should be show in list and if i am clicking on particular notification it should be open with all details which it have in database

    .......

    pls help

    Thanks in advance ....

    contact me : gsmamitsingh@gmail.com

    ReplyDelete
  2. Hello Arunkumar
    I also need help with what Amit Singh Said
    Really Appreciate

    Contact me: kwabynalilwayne@gmail.com

    ReplyDelete
  3. nice work we really helped

    ReplyDelete
  4. jor hoka hukte hibu

    ReplyDelete
  5. I haven’t any word to appreciate this post.....Really i am impressed from this post....the person who create this post it was a great human..thanks for shared this with us. automatic text responder

    ReplyDelete

^