Home > DeveloperSection > Forums > unable to resize textarea based on resizing a div
ezra heywood
ezra heywood

Total Post:145

Posted on    May-09-2013 5:07 AM


 1 Reply(s)
 960  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! 


Total Post:604

Posted on    May-09-2013 8:09 AM

Hi Ezra!

replace you jquery from following code

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

Don't want to miss updates? Please click the below button!

Follow MindStick