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

Total Post:145

Points:1019
Posted on    May-09-2013 5:07 AM

 CSS-CSS3 CSS-CSS3 
Ratings:


 1 Reply(s)
 995  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>
  <script>
  $(function() {
    $( "#grippie" ).resizable({
      alsoResize: "#resizeable"
    });
    $( "#resizeable" ).resizable();
  });
  </script>

Thanks in advance! 


AVADHESH PATEL

Total Post:604

Points:4228
Posted on    May-09-2013 8:09 AM

Hi Ezra!

replace you jquery from following code

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

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

Follow MindStick