-
加强的alert confirm js自定义对话框 多个按钮 ICO自定义
效果图:
<html>
<head>
<title>对话框</title>
<link rel="stylesheet" type="text/css" href="/modules/commons/css/dialog.css">
<script src="/modules/commons/js/prototype.js"></script>
<script src="/modules/commons/js/dialog.js"></script>
</head>
<body>
<div id="Contain">
<div id="ICO" style="position:absolute; left:0px; top:5px;"></div>
<div id="Message"></div>
<div id="Buttons"></div>
</div>
</body>
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<script>![](https://www.cnblogs.com/Images/dot.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
Event.observe(window, 'load', function()
{
//check base config and parameter
var objIn = window.dialogArguments
var arrBt = ['确定:1', '取消:0']
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(objIn)
{
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(objIn.ArrBt)
{
arrBt = objIn.ArrBt
}
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(objIn.Message)
{
$('Message').innerHTML = objIn.Message
}
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
alert('tell me what u want to let user to confirm or alert information
')
return
}
//ico
var ICO = $('ICO')
var img = document.createElement('img')
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if(objIn.ICO)
{
img.src = objIn.ICO
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
}else
{
img.src = Dialog.Alert
}
ICO.appendChild(img)
//button
var Buttons = $('Buttons')
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
arrBt.each(function(bt)
{
var input = document.createElement('input')
input.type = 'button'
var arr = bt.split(':')
input.value = arr[0]
input.returnValue = arr[1]
input.onclick = ClickBt
Buttons.appendChild(input)
})
}, false)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function ClickBt()
{
window.returnValue = this.returnValue
window.close()
}
</script>
</html>
调用方法的封装
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
/**//*
2007-01-18 lisq custom dialog
use age:
<script src="/modules/commons/js/dialog.js"></script>
var objIn = {
Message : 'your message',
ArrBt : ['保存:1', '不保存:2', '取消:3']
}
var objOut = Dialog.Show(objIn)
if(objOut == 1){
save it
}else if(objOut == 2){
not save it
}else if(objOut == 3){
u click cancle
}
*/
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
var Dialog =
{
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
Show : function(objIn)
{
var url = '/Commons/Dialog.do'
var style = 'dialogHeight:110px; dialogWidth:250px; edge:Raised; scroll:no; center:Yes; help:No; resizable:no; status:no;'
return window.showModalDialog(url, objIn, style)
},
Alert : '/modules/commons/images/alert.png',
Confirm : '/modules/commons/images/confirm.png',
Error : '/modules/commons/images/error.gif.png'
}
-
相关阅读:
《PhoneApplicationPage》应用程序栏
Blend 自定义横竖屏切换动画
《Page》制作页面间跳转动画步骤
《TextBox》软件键盘 SIP 的所有样式
《ListBox》———何如实现ListBox下拉刷新和到底部自动加载
[2]aptget的使用
Boost asio Tutorial例子Timer.5 make error
[5]debian5.0 install firefox latest version 安装
C++对象的复制——具有指针成员的类的对象的复制
内部链接与外部链接
-
原文地址:https://www.cnblogs.com/boolean/p/623675.html
Copyright © 2020-2023
润新知