artDialog使用小结

一、下载
   地址：http://code.google.com/p/artdialog/downloads/list
   在这里可以获取到最新版本的artDialog，目前最新版本是3.0.x

二、应用到项目
   1、将下载的zip包解压后整体copy到项目中
   2、在页面head引入一个js文件

<script src="artDialog3.0.4/artDialog.min.js"></script>  

   3、在页面head设置默认配置（可选）。

  <script>
// 设置对话框全局默认配置
(function(){
    var d = art.dialog.defaults;

    // 按需加载要用到的皮肤，数组第一个为默认皮肤
    // 如果只使用默认皮肤，可以不填写skin
    d.skin = ['default', 'chrome', 'facebook', 'aero'];

    // 支持拖动
    d.drag = true;

    // 超过此面积大小的对话框使用替身拖动
    d.showTemp = 100000;
})();
</script>

　4、在自己的js函数里面使用

function test(){
art.dialog({
 lock: true,
 content: '中断用户在对话框以外的交互，展示重要操作与消息',
 yesFn: function(){
     art.dialog({content: '再来一个锁屏', lock: true});
     return false;
 },
 noFn: true

}

　

 

　更多参数配置可以查看下载中自带的API。。

 

------------------华丽的分割线-----------------

查看iwebshop代码，发现了这个东东，比jqueryui的弹窗漂亮也。。。

后来发现iweb是这么定义js后使用的：

 

//弹出框
window.realAlert = window.alert;
window.alert = function(mess)
{
 art.dialog.tips(mess);
}

window.realConfirm = window.confirm;
//对话框
window.confirm = function(mess,bnYes,bnNo)
{
 if(bnYes == undefined && bnNo == undefined)
 {
  return eval("window.realConfirm(mess)");
 }
 else
 {
  art.dialog.confirm(
   mess,
   function(){eval(bnYes)},
   function(){eval(bnNo)}
  );
 }
}

/**
 * @brief 删除操作
 * @param object conf
    msg :提示信息;
    form:要提交的表单名称;
    link:要跳转的链接地址;
 */
function delModel(conf)
{
 var yesFn = null;            //执行操作
 var msg   = '确定要删除么？';//提示信息

 if(conf)
 {
  if(conf.form)
   var yesFn = 'formSubmit("'+conf.form+'")';
  else if(conf.link)
   var yesFn = 'window.location.href="'+conf.link+'"';

  if(conf.msg)
   var msg   = conf.msg;
 }
 if(yesFn==null && document.forms.length >= 1)
  var yesFn = 'document.forms[0].submit();';

 if(yesFn!=null)
  window.confirm(msg,yesFn);
 else
  alert('删除操作缺少参数');
}

function checkboxCheck(boxName,errMsg)
{
 if($('input[name="'+boxName+'"]:checked').length < 1)
 {
  alert(errMsg);
  return false;
 }
 return true;
}

等于重新写了js 的alert和confirm，然后把art的效果放到了alert和confirm 中去了。。。