ymPrompt消息提示组件2.0版DEMO演示

页面IFRAME:

页面文本:

页面Select选择框

更换皮肤：

组件调用方式1(传统参数传入方式)：

• 源码：
  <input type="button" value="信息提示" onclick="ymPrompt.alert('http://www.qq.com',null,null,'确认要提交吗?',handler)" />
  示例：
• 源码：
  <input type="button" value="成功信息" onclick="ymPrompt.succeedInfo(document.getElementById('text').innerHTML,400,260,null,handler2)" />
  示例：
• 源码：
  <input type="button" value="失败信息" onclick="ymPrompt.errorInfo('操作失败！',null,null,null,handler)" />
  示例：
• 源码：
  <input type="button" value="失败信息" onclick="ymPrompt.confirmInfo('信息确认框功能测试',null,null,null,handler)" />
  示例：

组件调用方式2(JSON方式)：

• 源码：
  <input type="button" value="信息提示" onclick="ymPrompt.alert({message:'http://www.qq.com',title:'确认要提交吗?',handler:handler})" />
  示例：
• 源码：
  <input type="button" value="成功信息" onclick="ymPrompt.succeedInfo({message:'当前版本号：'+ymPrompt.version+'<br />发布日期：'+ymPrompt.pubDate,width:400,height:260,handler:handler2})" />
  示例：
• 源码：
  <input type="button" value="失败信息" onclick="ymPrompt.errorInfo({message:'操作失败！',handler:handler})" />
  示例：
• 源码：
  <input type="button" value="失败信息" onclick="ymPrompt.confirmInfo({message:'信息确认框功能测试',handler:handler})" />
  示例：

调用方法及参数说明

1. 在页面中引入ymPrompt.js。如：<script type="text/javascript" src="ymPrompt.js"></script>
2. 在页面中引入对应的皮肤文件的CSS，如：<link rel="stylesheet" type="text/css" href="skin/qq/ymPrompt.css" />
3. 根据您的需要调用相应的消息函数：
   • ymPrompt.alert(message,width,height,title,handler,maskAlphaColor,maskAlpha) //消息提示类型
   • ymPrompt.succeedInfo(....) //成功信息类型
   • ymPrompt.errorInfo(...) //错误信息类型
   • ymPrompt.confirmInfo(....) //询问消息类型
   四个方法的参数个数及意义完全相同：
   • message：消息组件要显示的内容，默认为“内容”。
   • width：消息框的宽度，默认为300。
   • height：消息框的高度，默认为185。
   • title：消息组件标题，默认为“标题”
   • handler：回调函数。当确定/取消/关闭按钮被点击时会触发该函数并传入点击的按钮标识。如ok代表确定，cancel代表取消，close代表关闭
   • maskAlphaColor：遮罩的颜色，默认为黑色。
   • maskAlpha：遮罩的透明度，默认为0.1。
   参数传入方式包含两种：
   • 第一种即传统的参数传入，按照顺序传入相应的参数值即可，对于不需要设定的值请传入null。如ymPrompt.alert('内容',null,null,'标题')
   • 第二种即JSON的传入方式，需要指定字段名。如ymPrompt({title:'标题',message:'内容'})
4. 其他说明：如果觉得“对象.方法”的调用方式比较麻烦，可以采用如下方式简化调用：
   在调用之前设定var Alert=ymPrompt.alert。之后就可以使用Alert()的方式进行调用。