CODEWITHSUNDEEP
javascriptjqueryjquery-ui
Danno
Danno

Reputation: 1003

Is a draggable and resizable textbox/textarea possible using jQuery?

I can get the drag to work, but the resizing is not cooperating. (The behavior is evident using either the text box or the text area.) I'm using jQuery 1.3.2 and jQuery UI 1.7.2.

Here's my attempt:

<HTML> 
<HEAD> 
    <TITLE>Drag/Resize TextBox Workbench</TITLE> 
    <script src="js/jquery.js" type="text/javascript" ></script>
    <script src="js/ui/ui.core.js" type="text/javascript"></script>
    <script src="js/ui/ui.draggable.js" type="text/javascript"></script>
    <script src="js/ui/ui.resizable.js" type="text/javascript"></script>
    <script type="text/javascript"> 
$(document).ready(function() {
    $( "#ta1" ).resizable( { cancel: '' } );
    $( "#ta1" ).draggable( { cancel: '' } );
});
        </script>
    </HEAD>
    <BODY>
        <form>
            <input type='text' class='property' id='tb1' />
            <textarea id='ta1' class='property'>Hello</textarea>
        </form>
    </BODY>
</HTML>

Upvotes: 1

Views: 5698

Answers (1)

mjangda
mjangda

Reputation: 370

Have you tried wrapping the <textarea> in a <div> or another block-level tag and making that draggable instead?

Upvotes: 1

Related Questions