UNABLE TO RESIZE TEXTAREA BASED ON RESIZING A DIV

ezra heywood

Total Post:145

Points:1019
Posted by  ezra heywood
 1314  View(s)
Ratings:
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>
  <script>
  $(function() {
    $( "#grippie" ).resizable({
      alsoResize: "#resizeable"
    });
    $( "#resizeable" ).resizable();
  });
  </script>

Thanks in advance! 
  1. AVADHESH PATEL

    Post:604

    Points:4228
    Re: unable to resize textarea based on resizing a div

    Hi Ezra!


    replace you jquery from following code

    $('#resizable').resizable({
        handles: {
            s: $('.ui-resizable-s')
        },
        alsoResize: $('textarea')
    });

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!