The Splitter can now do vertical splitting as well as horizontal.

Also, I’ve implemented minimumSize for the panels.

The HTML for the above is this:

<div id="splitter_wrapper" style="height:200px;border:1px solid #000">
  <div id="topleft">top left, minimum height 50px</div>
  <div id="bottomleft">bottom left, minimum height 100px</div>
  <div id="right">right, minimum width:50px</div>
</div>

and the javascript is this:

var horizontal=new Splitter($("splitter_wrapper"));
var vertical=new Splitter(false,{orientation:1});
vertical.addWidget($("topleft"),{minimumSize:50});
vertical.addWidget($("bottomleft"),{minimumSize:100});
horizontal.addWidget(vertical);
horizontal.addWidget($("right"),{minimumSize:50});

The Splitter class requires Mootools.

Demo:http://verens.com/archives/2007/07/25/a-few-splitter-enhancements/
Download: http://verens.com/demos/splitter/splitter.js
Source: http://verens.com/archives/2007/07/25/a-few-splitter-enhancements/

Related Listings:

1. Ajax File Manager Script KFM is an online file manager which can be used...
2. MooTools ScrollSpy Script I’ve been excited to release this plugin for a long...
3. Page Peel Effect Using MooTools A great script back in May titled Simple Page Peel...
4. Magnifier to images with CSS and Java A couple of people have asked about the CSS magnifier...
5. Dynamic Menu using MooTools This menu build did for Mootools way back even before...

Do you like this post?

Email: