多浏览器兼容问题 IE Firefox Chrome
[size=x-large]在测试与各个浏览器兼容性的时候,发现在chrome浏览器下showModalDialog方法显示的并不是模态对话框,就像新打开一个页面一样,父窗口仍然可以随意获取焦点,并可以打开多个窗体,而且返回值returnValue也无法返回,一直是undefined。[/size]
因为打开的不是模态对话框,而是像open了一个新窗体一样。
处理方案:(本文皆指在chrome浏览器下)
问题一,父页面怎么从模态窗口获取返回值?
模态窗口:
$(function(){
varobj=newObject();
obj.id=ids;
obj.name=names;
if(window.opener!=undefined){
//forchrome
window.opener.returnValue=obj;
}else{
window.returnValue=obj;
}
window.close();
});
父页面处理:
obj=window.showModalDialog(url,obj,winSettings);
if(obj==undefined){
obj=window.returnValue;
}
.....
问题二,模态窗口怎么获取父页面参数?
模态窗口处理:
/**theargumentsfromthefatherwindow**/
$(document).ready(function(){
if($.browser.msie){
//forIEbrowser
varids=window.dialogArguments.id.split(",");
varnames=window.dialogArguments.name.split(",");
}else{
varIDS=window.opener.document.getElementById("attachedDocumentsId").value;
varIds=IDS.replace(/^\s+|\s+$/g,'');
if(Ids!=""&&Ids.lastIndexOf(",")!=(Ids.length-1)){
Ids=Ids+",";
}
varids=Ids.split(",");
varNames=window.opener.document.getElementById("attachedDocuments").value;
varnames=Names.split(",");
}
});
父窗口处理:
<s:hiddenid="attachedDocumentsId"name="attachedDocumentsId"/>