マルチウィンドウブラウザ

windowObj = new Object();
windowObj.winNo = 1; // 表示するウィンドウの番号
windowObj.winTop = 150; // 表示するウィンドウの上位置
windowObj.winLeft = 10; // 表示するウィンドウの左位置
windowObj.zIndex = 100; // 表示するウィンドウのZ座標
windowObj.posStep = 20; // 次に表示するウィンドウのオフセット位置
windowObj.posLimit = 400; // 表示するウィンドウの下限
windowObj.posTopStart = 150; // 位置をリセットした時の初期値(上)
windowObj.posLeftStart = 10; // 位置をリセットした時の初期値(左)
windowObj.width = 520; // ウィンドウの横幅
windowObj.height = 360; // ウィンドウの縦幅

window.onload = function() {
$("ajaxForm").onsubmit = function() {
var sURL = $F("pageURL");
var subwin = new Window("win"+windowObj.winNo,
{ className: "dialog", title: "ajaxbrowser:"+windowObj.winNo,
left:windowObj.winLeft, top:windowObj.winTop,
width:windowObj.width, height:windowObj.height,
zIndex:windowObj.zIndex, url: sURL});
subwin.show();
windowObj.winNo++;
windowObj.zIndex++;
windowObj.winTop += windowObj.posStep;
windowObj.winLeft += windowObj.posStep;
if (windowObj.winTop > windowObj.posLimit) {
windowObj.winTop = windowObj.posTopStart;
windowObj.winLeft = windowObj.posLeftStart;
}
return false;
}
$("pageURL").focus();
}

・サンプルを実行
・サンプルをダウンロード
Ajax実践テクニック 説明などは本書を参考にしてください。JavaScript以外のソースはデータをダウンロードするか本書を参照してください。