unable to resize textarea based on resizing a div

Total Post:145


 1868  View(s)
Rate this:
Hi All!

I want to resized textbox with the help of css and jquery. How it is possible. 

My line of code as following.  

<textarea name="quotes" id="resizeable" cols="40" rows="10" ></textarea>

I want to resize it from a div just below of the textaea.

<div id="grippie" style="margin-right: 0px;cursor: n-resize;">-----------------------------</div>

I tried the following script but its not resizing. What could be the reason? Please help me to solve this issue.

 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  $(function() {
    $( "#grippie" ).resizable({
      alsoResize: "#resizeable"
    $( "#resizeable" ).resizable();

Thanks in advance! 
  1. Re: unable to resize textarea based on resizing a div

    Hi Ezra!

    replace you jquery from following code

        handles: {
            s: $('.ui-resizable-s')
        alsoResize: $('textarea')


Please check, If you want to make this post sponsored

You are not a Sponsored Member. Click Here to Subscribe the Membership.