showModalDialog兼容版

项目中使用showModalDialog 时发现谷歌浏览器并不支持该方法。

下面给出我的解决方案

首先获取对应的浏览器 信息 如果是 谷歌的话使用open方法调用自页面

如果不是使用​showModalDialog  即可完美解决该问题

父页面代码:​

​   

 function openWin(){

 

if(window.ActiveXObject){

	window.showModalDialog("a2.html",window,"dialogWidth:400px;dialogHeight:400px;status:0;help:0;resizable:0;center:1;")

}else{

	window.open("a2.html", 'newwindow','dialogWidth:400px;dialogHeight:400px;status:0;help:0;resizable:0;center:1;');  

   

}

  

  //建立无模式对话框显示指定的文档，就是前面弹出一个网页在后面还能够更改。

      //window.showModelessDialog("./a2.html",window,"dialogHeight:10;dialogWidth:20;help:no");

 

}

​function setValue(cid, cname){

 

  document.getElementByIdx_x("cid").value=cid;

  document.getElementByIdx_x("cname").value=cname;

  

}

子页面代码​:

function viewData(select_id,select_name){

  if(window.ActiveXObject){ //IE

    window.returnValue = {

        id : select_id,

        name :  select_name 

        } ;

    window.close();

  }else{ //非IE

    if(window.opener) {

      window.opener.setValue(select_id,select_name) ;

    }

    window.close();

  }

}

​