CODEWITHSUNDEEP
jqueryhtml
azzy81
azzy81

Reputation: 2269

DIV Column Resizing

Im trying to create a 3 column DIV that allows me to resize the div column widths by drag handles using Jquery. This JSFiddle may better explain it. http://jsfiddle.net/SHEDz/1/

Ideally I want to be able to drag the div.bar left or right and the divs to the left or right of the bar resize accordingly so that it doesnt exceed the total width.

Ive seen an exmaple like this http://jquery.jcubic.pl/splitter.php but my Jquery writing isnt getting me what Im after.

anyone out there up to the challenge?

Upvotes: 1

Views: 3253

Answers (2)

azzy81
azzy81

Reputation: 2269

Ive still got a few things I need to do to the final version however this is ideally what I was after and its turned out better than expected: http://www.arondraper.co.uk/divColumns.php

Upvotes: -1

Steve Wellens
Steve Wellens

Reputation: 20620

Try the jQuery Layout container plugin:

http://jsbin.com/ucaxu4/3

Upvotes: 3

Related Questions