書式
windowObj = new Window(id, { options } );
windowObj.show(modal)
windowObj : ウィンドウオブジェクト
id: ウィンドウID
options : オプション
modal : モーダルモード（true : する、false : しない）【省略可能】
説明
ウィンドウを表示するにはnew Window()で生成したウィンドウオブジェクトのshow()メソッドを使います。パラメータにtrueを設定するとウィンドウ外でクリックしても無効となります。初期値ではfalseになっています。
| 名前 | 初期値 | 内容 |
|---|---|---|
| className | dialog | クラス名 |
| title | none | ウィンドウタイトル |
| url | none | URL（別ぺージを表示する場合に指定） |
| parent | body | ウィンドウの親ノード |
| top | 0 | ウィンドウの表示Y座標（上） |
| bottom | --- | ウィンドウの表示Y座標（下） |
| left | 0 | ウィンドウの表示X座標（左） |
| right | --- | ウィンドウの表示X座標（右） |
| width | 100 | 横幅 |
| height | 100 | 縦幅 |
| maxWidth | none | 最大幅（横） |
| maxHeight | none | 最大幅（縦） |
| minWidth | 100 | 最小幅（横） |
| minHeight | 20 | 最小幅（縦） |
| resizable | true | リサイズ可能フラグ（true : リサイズ可能、false : リサイズ不可） |
| closable | true | クローズ可能フラグ（true : クローズ可能、false : クローズ不可） |
| minimizable | true | 最小化ボタン（true : ボタンあり、false : ボタンなし） |
| maximizable | true | 最大化ボタン（true : ボタンあり、false : ボタンなし） |
| draggable | true | ドラッグ可能フラグ（true : ドラッグ可能、false : ドラッグ不可） |
| showEffect | Effect.AppearまたはElement.show | ウィンドウ表示時のエフェクト |
| hideEffect | Effect.FadeまたはElement.hide | ウィンドウクローズ時のエフェクト |
| showEffectOptions | none | ウィンドウ表示時のエフェクトオプション（script.aculo.us参照） |
| hideEffectOptions | none | ウィンドウクローズ時のエフェクトオプション（script.aculo.us参照） |
| effectOptions | none | エフェクトオプション（script.aculo.us参照） |
| onload | none | 読み込みが完了した時に呼び出す処理 |
| opacity | 1 | 不透明度（0〜1.0） |
Ajaxライブラリ リファレンスサンプルコード [実行]
<html><head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="default.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="effects.js"></script>
<script type="text/javascript" src="window.js"></script>
<script type="text/javascript"><!--
function openWin(){
var win = new Window("win01", {
title: "Sample",
className: "dialog",
top:50, left:80,
width:320, height:240,
zIndex: 100,
resizable: true,
draggable:true
});
win.setDestroyOnClose();
win.show();
}
// --></script>
</head>
<body>
<h1>ウィンドウを開く</h1>
<form>
<input type="button" value="開く" onClick="openWin()">
</form>
</body>
</html>