CODEWITHSUNDEEP
javascriptjquerycsshtml
Christoffer Bubach
Christoffer Bubach

Reputation: 1686

resizing elements

I'm looking for JS or jQuery (core dependecy only) code that allows you to resize any html element, or just divs - could use div container for content.

The problem I'm having with jQuerys resizeable() function is it's dependencies with UI and the bloat that would bring to my rather slimmed codebase. Also it only uses a corner handle for resizing where I'd like an interface more along the lines with how table and image resizing works in TinyMCE.

That is, a dashed border around the element to be resized, with 8 points to drag from. If you try the TinyMCE demo on their site you'll see what I mean. It allows for both aspect ratio to be kept and distorted based on dragging point.

Most hits I get on resizing is for a one time resize of images to fit the page width, but I'd love to be pointed in the right direction in case there is a snippet or jquery plugin out there that I've missed.

Upvotes: 0

Views: 245

Answers (2)

Bram Vanroy
Bram Vanroy

Reputation: 28554

You can use CSS3's resize.

http://jsfiddle.net/BramVanroy/uAzVY/

Not as much functionality as you want, though.

Upvotes: 0

SEb LT
SEb LT

Reputation: 61

I got the same "problem" a couple months ago, did not want to use the jquery UI but wanted to resize... I came across this "custom event" plugin. Very light and does the job.

threedubmedia jquery.event.drag

You can see a resizing demo at the bottom of the page.

Hope it helps!

Upvotes: 2

Related Questions