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.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
