十分钟学会使用的js框架组件----ymPrompt消息提示组件

十分钟学会使用的js框架组件----ymPrompt消息提示组件

这个组件包括了我们经常使用的各种消息提示组件

如：

         ymPrompt.alert(参数) //消息提示类型 

         ymPrompt.succeedInfo(参数) //成功信息类型  

         ymPrompt.errorInfo(参数) //错误信息类型  

         ymPrompt.confirmInfo(参数) //询问消息类型  

         ymPrompt.win(参数) //自定义窗口类型

并且参数的序列都是一样的，不需要的话直接用null即可

参数依次为

message：消息组件要显示的内容，默认为“内容”。

         width：消息框的宽度，默认为300。

         height：消息框的高度，默认为185。

         title：消息组件标题，默认为“标题”

         handler：回调函数。当确定/取消/关闭按钮被点击时会触发该函数并传入点击的按钮标识。如ok代表确定，cancel代表取消，close代表关闭

         maskAlphaColor：遮罩的颜色，默认为黑色。

         maskAlpha：遮罩的透明度，默认为0.1。 

        fixPosition：设定是否弹出框随滚动条一起浮动，保持在屏幕的固定位置，默认为false

         dragOut：设定是否允许拖出屏幕范围，默认为true。

         autoClose：设定用户点击窗口中按钮后自动关闭窗口，默认为true（设定为false后程序中可以通过调用close方法关闭）。

         titleBar：是否显示标题栏，默认显示。注意，如果没有标题栏需要自己在程序中控制关闭。

         showMask：是否显示遮罩层，默认为true

         winPos：弹出窗口的位置，支持8种内置位置（c,l,t,r,b,lt,rt,lb,rb）及自定义窗口坐标,默认为c。

                   各参数意义：c:页面中间,l:页面左侧,t:页面顶部,r:页面右侧,b:页面顶部,lt:左上角,rt:右上角,lb:左下角,rb:右下角 

         //以下三个参数主要用于win方法（当然你也可以通过设定这些覆盖前面四个消息类型的默认属性）。

         iframe：是否使用iframe方法加载内容，该属性如果为true，组件则尝试将message内容作为url进行加载。默认为false。

         icoCls：图标类型。传入的内容为className，具体写法可以参考ymprompt.css中对图标的定义方式。默认为空。

            btn：按钮定义。传入的是数组形式。每个按钮的格式为[‘按钮文本‘,‘按钮标识‘]，如[[‘确定‘,‘ok‘],[‘取消‘,‘cancel‘],[‘关闭‘,‘close‘]]等。

                 注意单个按钮应该是这样的：[[‘确定‘,‘ok‘]]        

         //以下参数可用于对组件语言本地化，如用于英文等系统中

         okTxt：确定按钮的文本描述，默认为“确定”

         cancelTxt：取消按钮的文本描述，默认为“取消”

         closeTxt：关闭按钮的文本描述（鼠标放在关闭按钮上时显示），默认为“关闭”

因此，我们只需要引用相关的js和css文件，就可以使用默认或自定义的效果

例如：ymPrompt.confirmInfo(‘信息确认框功能测试‘,null,null,null,handler)就可以实现非常完美的效果

下载地址如下：

http://www.codefans.net/soft/8800.shtml