エレメントをウィンドウの内容に設定する

書式

　windowObj.setContent(element, autoresize, autoposition)

element : ID名またはエレメント
autoresize : 自動サイズ調整（true : する、false : しない）
autoposition : 自動位置調整（true : する、false : しない）

説明

　エレメントをウィンドウの内容に設定するにはsetContent()を使います。最初のパラメータにウィンドウに表示したいエレメントまたはID名を指定します。2番目のパラメータはブラウザの幅と内容に合わせて自動的にウィンドウサイズを調整します。3番目のパラメータはウィンドウの位置調整で設定したエレメントの位置にウィンドウが移動します。2番目と3番目のパラメータの初期値はfalseになっています。

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"><!--
var win;
window.onload = function(){
win = new Window("win01", {
title: "Sample", className: "dialog",
top:130, left:10, width:320, height:240,
zIndex: 100, resizable: true, draggable:true
});
win.setDestroyOnClose();
win.show();
}
function setWindowCont(){
win.setContent($("aText"), false, false);
}
// --></script>
</head>
<body>
<h1>ウィンドウの内容を設定する</h1>
<form>
<input type="button" value="内容を設定" onClick="setWindowCont()">
</form>
<div id="aText">ここの文字がウィンドウ内に表示されます</div>
</body>
</html>