2008-04-25

自定义的JS对话框

关键字: javascript dialog

今天刚发现的一个好东东，如果你已经厌倦了JavaScript的alert，可以尝试用用这个，效果不错，使用也比较简单，例如：

showDialog('Error','You have encountered an error.','error',2);

showDialog('Warning','You must enter all required information.','warning')

showDialog('Success','Your request has been successfully received.','success')

showDialog('Confirmation','Are you sure you want to delete the entry?','prompt')

 相应的效果截图如下：

show dialog success

show dialog warning

show dialog error

 

源代码下载地址：

Download the source

原文链接：

Custom JavaScript Dialog Boxes

  • Af01a583-bb2c-36cb-9870-ba82a60c9be4-thumb
  • 描述: show dialog(success)
  • 大小: 16 KB
  • 6d18620d-9486-3b2a-a692-062682efea7f-thumb
  • 描述: show dialog(warning)
  • 大小: 14 KB
  • B70687b3-dade-300f-8a93-0bae47752696-thumb
  • 描述: show dialog(error)
  • 大小: 16.4 KB
评论
FAT0708 2008-06-17
prompt没有yes or no，这是个问题，有没有版本更新？
a56165993 2008-05-16
showDialog('Error','You have encountered an error.','error',2)。。
为什么要写在div里面呢？如果不写在div里面有什么解决方案
j2ee_leaf 2008-04-29
下来学习了，o(∩_∩)o...哈哈
小嘴看世界 2008-04-28
挺好看的倒是 不过跟现有的应用风格不太一样 留着以后用啦
snowolf819 2008-04-28
为什么我引用了之后总是报“缺少对象”的错误。
我将dialog文件夹放在我的项目的webroot下面，按照下面的格式应用：
<%
String path = request.getContextPath();
%>
<link rel="stylesheet" type="text/css" href="<%=path%>/dialog/dialog_box.css" />
<script type="text/javascript" src="<%=path%>/dialog/dialog_box.js"></script>

请大家指点一下小弟，谢谢~~~
czh_19840306 2008-04-28
很漂亮啊，应该可以调节一下调试程序的心情吧，哈哈
zhanghengfirst 2008-04-27
好
elf8848 2008-04-27
下载了, 很好, 要小改一下, 为我所用.谢了
hama 2008-04-27
这个sina的那个我觉得就不错
kaipingk@gmail.com 2008-04-27
点都不好！
jack_jie 2008-04-26
luckaway 2008-04-26
very good
miniJJ 2008-04-26
'prompt' 的yes or no 都没有，怎么用
liuzongan 2008-04-25
不错,好东西
Hakai 2008-04-25
还有这好东西~~咔咔
numenzq 2008-04-25
type='prompt'时，好像是有点问题，昨天被这个华丽的外表所迷惑，没看到这个问题……，不过这个问题可以自己定制修改，主要是在CSS文件里修改定义，然后html里调用的时候把参数传到js中，然后在js里添加相应的属性，不是太复杂
tntxia 2008-04-25
很多啦，这种东西
jian'shang 2008-04-25
太棒了！！
收藏了！！
Java>_<ai!! 2008-04-25
好东西,继续帮我找有用的ui
numenzq 2008-04-25
firefox下能用，我就是在firefox下截的图。支持的浏览器为：IE 6/7, Firefox 2/3, Opera和Safari.
发表评论

您还没有登录，请登录后发表评论

numenzq
搜索本博客
存档
最新评论