三个按钮的模式对话框(javascript showModelDialog实现)

        在javascipt 中有标准的几个对话框函数,alert(), promopt(),confirm()等,它们可以有一个到两个按钮,但是包括三个按钮的还不存在,如果使用脚本调用方式调用vbscript中的msgbox,可以实现三个按钮,但是不能修改按钮的内容.本文采用showModelDialog来模拟实现一个对话框,包括三个按钮,分别是"Open,"Save","Cancle",并且可以实现交互,该代码在完善中.
如下:
<script language="javascript">
function openDialogWin()
{
    var result = window.showModalDialog("test2.htm",
                                        "",
                                        "dialogHeight:100px;
                                         dialogWidth:280px;
                                         status:no; help:no;
                                         scroll:no");
    if (result == "Open")
        window.alert("You clicked Open!");
    else if (result == "Save")
        window.alert("You clicked Save!");
    else
        window.alert("Cancel");
                
}
</script>
 
<input type="button" value="ShowModelDialog" οnclick="openDialogWin()"/>
 
test2.htm的代码如下:

<script language=javascript type="text/javascript">

function F(str)

{

window.returnValue = str;

window.close();

}

</script>

 

<body style="background: menu">

<div style="margin-top: 15%; margin-left:5%">

 

<input id="Button1" type="button" value="Open" style="width:80px;height:25px" onclick="F(Button1.value);"/>

 

<input id="Button2" type="button" value="Save" style="width:80px;height:25px" onclick="F(Button2.value);"/>

 

<input id="Button3" type="button" value="Cancel" style="width:80px;height:25px" onclick="F(Button3.value);" />

</div>

</body>

 该代码可以运行.

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值