ソース掲示板




すべてから検索

キーワード   条件 表示 現行ログ 過去ログ トピックス 名前 本文

  メンテナンス 前画面に戻る

対象スレッド 件名: IE と Firefox で実装可能なモーダルダイアログ
名前: lightbox
処理選択
パスワード

件名 IE と Firefox で実装可能なモーダルダイアログ
名前 lightbox
コメント
@HTML
<INPUT type="text" name="textField3"> : <INPUT type="button" value="モーダルダイアログ" onClick='doModalDialog();'>
<SCRIPT language="javascript" type="text/javascript">

var modalHandle = null;

function doModalDialog() {

	var ret = window.showModalDialog(
		"html/win_control_03.htm" ,
		window,
		"dialogWidth:600px;dialogHeight:500px;"
	);

	alert(ret);

}

</SCRIPT>
@HEND

@SHOW
※ @C:red(showModalDialog の第二引数は配列等も引渡しできます)
@END

  [[こちら側の記述]]
@DIV
<input type="button" value="モーダルダイアログ" onClick="doModalDialog();">
<script type="text/javascript">

function doModalDialog() {

	var ret = window.showModalDialog(
		"html/win_control_03.htm" ,
		window,
		"dialogWidth:600px;dialogHeight:500px;"
	);

	alert(ret);

}

</SCRIPT>
@END

  [[開いたウインドウの記述]]
@DIV
var dialogOpener;

// *********************************************************
// このウインドウを開いたウインドウにアクセス
// *********************************************************
function doAction( strValue ) {


	dialogOpener.document.getElementsByName("textField3")[0].value = "データをセット";

}

// *********************************************************
// ロード時のイベント登録
// 
// 引数にセットされているこのウインドウを開いたウインドウ
// のオブジェクトを保存する
// *********************************************************
window.onload = function loadAction() {

	dialogOpener = window.dialogArguments;

}

// *********************************************************
// アンロード前のイベント登録
// 
// このダイアログの戻り値をセット
// *********************************************************
window.onbeforeunload = function beforeunloadAction() {

	window.returnValue = "戻り値";

}
@END