Check out the handles option:

http://docs.jquery.com/UI/Resizable#option-handles

- Richard

On Fri, Dec 18, 2009 at 12:28 PM, MorningZ <morni...@gmail.com> wrote:

> I must be going nuts as I have scoured the Demo and Documentation for
> the Resizable functionality and cannot for the life of me figure out
> how to make it so that the item is only resizable in one direction
>
> I'm currently using this code since I couldn't find the "right" way to
> do it
>
> <div id="#div1" class="resizable">
>      <textarea></textarea>
> </div>
>
> <div id="#div2" class="resizable">
>      <object></object>
> </div>
>
> $(".resizable").each(function() {
>     var id = $(this).attr("id");
>     $(this).resizable({
>         alsoResize: "#" + id + " textarea, #" + id + " object",
>         stop: function(e, ui) {
>            $(this).width("100%");
>            var x = $(this).width();
>            $(this).find("textarea, object").width("" + (x - 26) +
> "px");
>         }
>     });
> })
>
>
> the -26px thing is to give the enclosing/resizable <div> room for the
> handle icon
>
> Hopefully someone can enlighten me
>
> --
>
> You received this message because you are subscribed to the Google Groups
> "jQuery UI" group.
> To post to this group, send email to jquery...@googlegroups.com.
> To unsubscribe from this group, send email to
> jquery-ui+unsubscr...@googlegroups.com<jquery-ui%2bunsubscr...@googlegroups.com>
> .
> For more options, visit this group at
> http://groups.google.com/group/jquery-ui?hl=en.
>
>
>

--

You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to 
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en.


Reply via email to