Javascript模態視窗使用小結

簡單應用情境：

 母頁面開啟模態視窗Code

 

 

//ModelDialogPage.aspx 要在模態視窗中顯示的頁面
//ObjID 接收模態視窗傳回值的對象的ID 

function OpenModalDialog(){
var result = showModalDialog("ModelDialogPage.aspx","dialogWidth:600px;dialogHeight:450px;status:'no'"); 

 if(result != null)
{
  document.getElementById("ObjID").value = result;
}

}

  模態視窗中傳回值

//var returnValue for return value
function returnBack() {
    window.returnValue = partsStr;
    window.close();
}

向模態視窗傳值
母傳參數頁面

//
function OpenModelDialog(){
var args = new Array();
args[0]= document.all.textfield1.value;
args[1]= document.all.textfield2.value;
var url="ModelDialogPage.aspx"; 
state="dialogWidth:600px;dialogHeight:450px;status:'no'";　　
var result = showModalDialog(url, args,state); 
}

模態視窗接收參數

//擷取參數
function getvalue()
{
 var arg1 = window.dialogArguments[0];
 var arg2 = window.dialogArguments[1]; 
}

簡單應用情境：

 母頁面開啟模態視窗Code

 

 

//ModelDialogPage.aspx 要在模態視窗中顯示的頁面
//ObjID 接收模態視窗傳回值的對象的ID 

function OpenModalDialog(){
var result = showModalDialog("ModelDialogPage.aspx","dialogWidth:600px;dialogHeight:450px;status:'no'"); 

 if(result != null)
{
  document.getElementById("ObjID").value = result;
}

}

  模態視窗中傳回值

//var returnValue for return value
function returnBack() {
    window.returnValue = partsStr;
    window.close();
}

向模態視窗傳值
母傳參數頁面

//
function OpenModelDialog(){
var args = new Array();
args[0]= document.all.textfield1.value;
args[1]= document.all.textfield2.value;
var url="ModelDialogPage.aspx"; 
state="dialogWidth:600px;dialogHeight:450px;status:'no'";　　
var result = showModalDialog(url, args,state); 
}

模態視窗接收參數

//擷取參數
function getvalue()
{
 var arg1 = window.dialogArguments[0];
 var arg2 = window.dialogArguments[1]; 
}