WEB开发网
开发学院网页设计JavaScript 自定义confirm对话框 阅读

自定义confirm对话框

 2010-09-14 13:07:33 来源:WEB开发网   
核心提示:【提示】本版本在IE 6.0和Firefox2.0测试通过,在Netscape7.0中,自定义confirm对话框,遮罩层的透明效果没有办法实现,所以页面背景会一片漆黑,这里是使用onload来加载默认的函数,load_func()用来设置onresize和onscroll应该触发的函数,具体实现还不知道,希望有人可以

【提示】本版本在IE 6.0和Firefox2.0测试通过。在Netscape7.0中,遮罩层的透明效果没有办法实现,所以页面背景会一片漆黑,具体实现还不知道,希望有人可以留言告知,谢谢!

【关键字】javascript js confirm对话框 确认框 焦点在取消按钮上 自定义标题

【正文】在一次使用confirm确认框时希望将焦点默认在取消按钮上,但是默认的confirm对话框无法自定义,于是便萌生了自己写一个类似confirm的确认框。

【思路】

主要应该实现的功能:

1、弹出对话框时,网页主体不可以继续执行其他操作

2、confirm确认框可以自定义焦点

3、点击确认后应该执行指定确认函数,点击取消不进行任何操作

实现办法:

1、使用遮罩层的方法,将页面主体覆盖,这样就可以保证不可进行其他操作

2、使用DIV层模拟对话框主体,使用focus()函数设置焦点

3、具体实现中要注意:

a)遮罩层应该遮住页面主体的所有元素

b)模拟确认框的DIV应该在遮罩层之上并且最好可以一直在页面正中间

以下是自定义confirm对话框使用的抓图效果,实际使用中还可以作为alert对话框来使用。

【使用提示】

BODY处必须写成<body onload="load_func()">样式,这里是使用onload来加载默认的函数,load_func()用来设置onresize和onscroll应该触发的函数,这个触发的函数主要用来保证遮罩层覆盖所有网页正文以及保证自定义对话框可以保持在网页的正中间。

【主函数】

1、msgbox(title,text,func,cancel,focus)

参数说明:

title :弹出对话框的标题,标题内容最好在25个字符内,否则会导致显示图片的异常       

1 2  下一页

Tags:定义 confirm 对话框

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接