非同期通信でデータを表示する

書式

 Dialog.alert({ url:URL, options:{ method:"get"} }, dialogOptions)
 Dialog.confirm({ url:URL, options:{ method:"get"} }, dialogOptions)
 Dialog.info({ url:URL, options:{ method:"get"} }, dialogOptions)

URL : 表示するファイルのURL
dialogOptions : オプション

説明

 ダイアログに非同期通信でデータを表示するにはダイアログの最初のパラメータにプロパティリスト形式でURLを指定します。テキストファイルだけでなくCGIから取得したデータなども表示することができます。指定できるオプションはprototype.jsのAjax.Request()と同じになります。

サンプルコード [実行]

<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">
<link rel="stylesheet" href="alert.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 openDialog(){
Dialog.info({ url:"sample.txt", options:{ method:"get"} }, {
windowParameters: {width:360, height:90},
showProgress: true
});
}
// --></script>
</head>
<body>
<h1>ダイアログにサーバーデータを表示する</h1>
<form>
<input type="button" value="開く" onClick="openDialog()">
</form>
</body>
</html>