2009-04-24 122 views
0

我打开窗口作为模态。 window.showModalDialog(“http://www.google.com”,“”,“dialogWidth:500px; dialogHeight:500px”)模态对话框选项

当我设置高度时,还有其他选项可用吗? 像选项按钮,菜单等,我可以找到教程?

编辑

它工作在Mozilla的Firefox,但人们说这不!

我的代码是

请人编辑要显示的目的

<html> 
<head> 
<script> 
    function abc() { 
     window.showModalDialog("3.htm", "", "dialogWidth:500px;dialogHeight:500px"); 
    } 
</script> 
</head> 
<body> 
<input type="button" id="check" name="check" onclick="abc()" value="open"/> 
</body> 
</html> 

第二个编辑

的页面3.htm代码

 <html> 
<head> 
<script> 
function abc(){ 
close() 
} 
</script> 
</head> 
<body> 
<input type="button" id="check" name="check" onclick="abc()" value="close"/> 
</body> 
</html> 

检查我的样本代码出两个代码在火狐上!然后告诉我。

三EDIT

确定这不是在corme和歌剧工作

+0

您正在使用哪种模态窗口代码? – superUntitled 2009-04-24 06:10:06

回答

0

要知道,在showModalDialog是IE特有的,不一定与其他浏览器。如果您想跨浏览器模式对话框,您需要使用div来隐藏页面的其余部分,并将对话框覆盖在顶部。使用现有的JavaScript库已经可以轻松地处理这个问题。

+0

Firefox 3以后不再是这样。 – cdmckay 2009-07-07 17:01:47

0

我建议不要在网络应用中使用弹出窗口。使用浮动div代替它看起来像模态对话框但比弹出式更好。

0

JQuery UI有一个体面的弹出窗口/模式对话框API,我已经与Boxy插件很容易实现。

他们跨浏览器,使用简单。

+0

是的,我已经看到了,但是它们无法在同一个方框窗口中打开新页面。 – Vikas 2009-04-24 09:09:11

0

要使用四四方方使用加载页面:

var boxyPopup; 
Boxy.load("aPage.html", 
      {title: "Title", 
      modal: true, 
      fixed: false, 
      afterShow: function(){ 
       boxyPopup = this;}}); 

我不知道你的话是不开放的同一四四方方窗口中的新页,但使用的意思你上面有boxyPopup VAR作为参考到开放的四四方方的对象,并可以使用它访问/更改内容。