zoukankan
html css js c++ java
加强的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
>
<
script
>
Event.observe(window, 'load',
function
()
{
//
check base config and parameter
var
objIn
=
window.dialogArguments
var
arrBt
=
['确定:
1
', '取消:
0
']
if
(objIn)
{
if
(objIn.ArrBt)
{
arrBt
=
objIn.ArrBt
}
if
(objIn.Message)
{
$('Message').innerHTML
=
objIn.Message
}
}
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')
if
(objIn.ICO)
{
img.src
=
objIn.ICO
}
else
{
img.src
=
Dialog.Alert
}
ICO.appendChild(img)
//
button
var
Buttons
=
$('Buttons')
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
)
function
ClickBt()
{
window.returnValue
=
this
.returnValue
window.close()
}
</
script
>
</
html
>
调用方法的封装
/**/
/*
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
}
*/
var
Dialog
=
{
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'
}
查看全文
相关阅读:
外贸视频教程[外贸人zencart自助建站视频教程]:第一课
外贸视频教程[外贸人zencart自助建站视频教程]:第二课
行sqlSQL*PLUS使用(三)
消息函数windows 程序设计 第三章 (下)
优化性能[置顶] Android应用性能优化方案
自定义方法JSP自定义标签
发票名称<iframe name=document.getElementById("cellFrame").src = "dyszAction!showFpDyMb.do?fpzldm=" + fpzldm;
纹理寻址DirectX入门 (8) TextureAddressMode
空间复杂度分段分段有序数组合并成有序(空间复杂度为O(1))
数据库生成T4模版在代码生成中的应用心得
原文地址:https://www.cnblogs.com/boolean/p/623675.html
最新文章
知识选择visual studio 2012 知识笔记
线程实现java中多线程的实现
function添加Mantis导出CSV乱码解决方法
java错误LoadRunner JAVA Vuser协议手工写脚本Failed to find Classes.zip entry in Classpath问题
窗口设置OpenGl实验3
函数分析R语言初体验
变量类型C#面试题详解
classobjectjava_Thread
ajax实例Ajax实例
调用视频The videobuf2 API
热门文章
边缘图片android布局属性详解
代码红色如何装载Storyboard中的ViewController?
方向内核#Sam有话说#产品本质
教程方法Windows7更改替换cmd(powershell)字体完全方法教程
希望能力小智慧19
nullnull判断小端机大端机
输入文本框提示+验证文本框中要输入的内容
格式编码jsp乱码分析及解决(1)
长度最大hdu1160最长有序子序列
子窗口切换java应用中的子窗口切换,引出抽象类与接口的本质区别
Copyright © 2011-2022 走看看