打印

[ 消息提示框 ] JS组件-1116更新

来源:WWW.AJAXBBS.NET

组件简介:
1、调用方式进行二次分装,现编写成类,然后将调用方法变成几个简单的方法调用,调用时无需new了。调用方法明了简单。
2、兼容IE6.0+、FF1.5+、Opear9+,兼容HTML4/XHTML1.0页面渲染模式。
3、支持CSS皮肤定制。目前提供了五种皮肤,Vista、QQ、dmm-green、ExtBlue和BlackColl。有兴趣可以修改样式表文件定义新的皮肤。
4、提供四种消息类型。分别为消息提示、成功信息、错误信息、询问信息。
5、弹出消息框时屏蔽页面其它元素的操作,自动隐藏页面select及iframe下select(无限级select隐藏),并遮罩iframe等元素。
6、页面select控件状态还原时保持原状态,即如果原来select就是隐藏的,则消息框弹出并关闭后该select仍保持隐藏状态,而只显示原本显示的select。
7、消息组件弹出时屏蔽除Tab和回车外的几乎所有键盘操作(包括F5),“消息确认框”支持“tab键/左右方向键”切换确定/取消焦点。
8、支持在iframe页面中弹出消息框时遮盖最外层页面(需引用扩展文件ymPromptEx.js)。
9、只要组件js与样式目录相对位置不变,无论将组件放在哪个文件夹中都只需正确引入js文件即可,组件会自动得到css的路径。

使用简介:
    1、首先在页面中引入ymPrompt.js。如果在iframe中使用且希望消息框显示在最外层页面则还要引入ymPromptEx.js。
    2、然后调用需要的消息函数:
   
    (1)Alert(content,width,height,title,okFunc,cancelFunc)  //消息提示类型
    (2)SucceedInfo(....) //成功信息类型
    (3)ErrorInfo(...)  //错误信息类型
    (4)ConfirmInfo(....) //询问消息类型

四个方法的参数完全相同:

    content:消息组件要显示的内容。
    width:消息框的宽度,不设定请置null,宽度自适应。
    height:消息框的高度,不设定请置null,高度自适应。
    title:消息组件标题
    okFunc:点击确定按钮时执行的函数的名称。
    CancelFunc:点击取消或关闭按钮时执行的函数的名称。

    3、皮肤配置(不配置的情况下默认使用default目录):
    在页面中定义全局变量 __ymPrompt_skin。如var __ymPrompt_skin="qq",则消息组件会使用qq皮肤。
    4、其它说明
   如果要在iframe中引入该组件且希望弹出窗口是能在最外层页面遮罩整个页面,则必须引入ymPromptEx.js。

查看演示:http://www.ajaxbbs.net/test/ymPrompt/demo.htm
说明:网络空间速度原因,首次打开演示可能图片加载较慢,请打开后稍后图片下载完毕或下载源码到本地查看演示。

详细介绍及下载地址:http://www.ajaxbbs.net/blog/post/100/

补充:
Vista/QQ中图片资源来源于:ucren-widgets。
dmm-green由网友杜米米提供,感谢他们!

[ 本帖最后由 84yemoo 于 2007-11-16 10:23 编辑 ]
非常感谢楼主无私的奉献。小弟收藏了。
好东西
学习了, 谢谢LZ!

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
好东东一直在找这个谢谢啊,楼主的代码加密了啊..还要解密才能看到楼主的代码啊...不过还是谢谢
楼主不要骂我啊.我把你的文件传上来了.别人可以下载
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
http://www.qlili.com 个人站帮点啊

TOP

引用:
原帖由 skybot 于 2007-11-17 09:37 发表
好东东一直在找这个谢谢啊,楼主的代码加密了啊..还要解密才能看到楼主的代码啊...不过还是谢谢
楼主不要骂我啊.我把你的文件传上来了.别人可以下载
兄弟,谢谢你上传到这里,不过我如果做更新可能不能及时在论坛更新下载了,所以下载最新的还是到blog上更好了。
另,我的代码加密只是演示代码加密了,毕竟加密压缩后的代码加载比较快,15k压缩到7k,在下载的压缩包里包含了未压缩的js代码。你解密代码很多变量已经变得没有意义了。

TOP

把楼主 24号更新的也上传上来了.
有点小问题
提示字符串可以能使用HTML代码就好了.

以下是楼主的代码 是楼主BLOG上下载的
楼主的BLOG地址
http://www.ajaxbbs.net/blog/post/100/
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
http://www.qlili.com 个人站帮点啊

TOP

赞一个~
谢谢lz啊
One World

TOP