Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」
2007年08月31日
スポンサード リンク
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自体が非常に考えられていて使いやすいものとなっているので、企業内ポータルなんかを独自に作りたい場合なんかに非常に使えそうです。
スポンサード リンク
投稿者 KJ : 2007年08月31日 07:04
|
![]()
間違いの指摘をしていただける方はメールでお願いします
最新のブログ記事
- Facebook風のサムネイル付きサジェストボックスを実装するサンプル
- 2009年7月3日 管理人のブックマーク
- PHPとCSSで動的に綺麗なパーセンテージグラフを描画サンプル
- 普通の写真をすばらしいアートにするためのPhotoshopチュートリアル集
- シマシマの見やすいテーブルを作成するMooToolsプラグイン「ZebraTable」
- 2009年7月2日 管理人のブックマーク
- 「フォローしてね」を表すTwitterアイコン集
- シンプルなTwitter検索を行うためのPHPスクリプト
- PHPのcURLを使ってできる便利なサンプル集
- 2009年7月1日 管理人のブックマーク
- iPhone3.0の緯度経度APIで移動履歴を地図描画するサンプル





















