前の記事 ≪:YUIを使ってLightBoxを実現するサンプル
次の記事 ≫:壁に落書きをしたようなエフェクトをかけるPhotoShopチュートリアル

Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」

2007年08月31日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class
I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class.

Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」。
Xilinus を使って、次のような、ドラッグ&ドロップ可能な複数のウィンドウをつくれるようです。



クラス化されていてとても使いやすくなっています。例えば次のような感じのコードを書きます。

<div id="page">
<div id="widget_col_0"></div>
<div id="widget_col_1"></div>
<div id="widget_col_2"></div>
</div>

<script>
var portal = new Xilinus.Portal("#page div");
portal.add(new Xilinus.Widget(), 0);
portal.add(new Xilinus.Widget().setTitle("Widget Title").setContent("bla bla bla"), 1);
<script>

こういったUIのサイトを作りたい場合には最適なライブラリですね。
UI自体が非常に考えられていて使いやすいものとなっているので、企業内ポータルなんかを独自に作りたい場合なんかに非常に使えそうです。

関連の記事検索:prototype.js, Ajax, UI
スポンサード リンク

By.KJ : 2007年08月31日 07:04 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)