コメント( 0 ) | トラックバック( 1 )

本Blogでも紹介したスタイリッシュなウィンドウを開く、「Prototype Javascript Windows」ですが、改めて見てみたら非常にパワーアップしていました。

URLなどを指定して、ミニウィンドウを開くためのライブラリで、非常にスタイリッシュなウィンドウを開くことができます。

Mac OS Xに似たウィンドウや、サイバーチックなウィンドウなどの「テーマ」を選ぶことが出来、ログインウィンドウやアラートウィンドウなどを作ることもできます。

使い方はそれなりに簡単で、ライブラリをダウンロードしてアップロードし、次のようなプログラムを書くだけ。

<script type="text/javascript" src="_js/prototype.js"> </script>
<script type="text/javascript" src="_js/window.js"> </script>

<link href="themes/default.css" rel="stylesheet" type="text/css"></link>
<link href="themes/mac_os_x.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
function openWindow() {
    win2 = new Window('dialog2', {className: "dialog", title: "エイチツーオー・スペース", top:100, left:100, width:600, height:400, zIndex:150, opacity:1, resizable: true, url: "http://www.h2o-space.com/"})
    win2.show();
}
</script>

サンプル・ダウンロードはこちら

Ajaxのプログラムを作るときに、ダイアログを表示する必要があるときなどは非常によいかも知れませんね。

Prototype Window Class : Introduction

はてなブックマークに保存

[PR] Recently Ajaxメルマガ限定、人気記事ランキング