自力で実現するのは困難すぎる。

CSSで縦横100%にして、ウィンドウの幅と高さに追随する3ペインを作ろうとすると、スクロールバーを幅に含むブラウザと含まないブラウザがあるので、それだけでげんなりする。それを縦横自在に分割するなんて気の遠くなる話。

Ext JS

ext_s.png

もともとはYahoo! UI Libraryの拡張版として作られたライブラリで、現在のものはベースのフレームワークにprototype.jsやjQueryなども使用できるようになっている。

Ext Documentation Center

上記のデモを見ると、その凄さがわかる。3ペイン分割は Examples and Demos の Layouts で見れる。商用利用にはパッケージを買わないといけないっぽい。

Apolloのサンプルで使われた、美しきJavaScriptフレームワーク「Ext 1.0」

X Library

Ext JS は素晴らしいんだけど、完璧すぎてちょっと扱い辛そう。その点、X Library は実現したい機能毎にライブラリ化されているので、「ちょっとこの機能だけ使いたい」時に便利。ペイン分割のデモはこちら。

xSplitter

Webアプリではこういうアプリケーション様のインターフェースって増えてくるんでしょうか。JavaScript もっと勉強せなな・・

Mind Meister

mindmeister_s.png

Snipshot

snipshot_s.png

ちなみにいずれ無くなるフレームは論外ですよ。