jquery封装的对话框简单实现

复制代码 代码如下:

  var _alert_iconCss = "tipmsg_icoInfo";

  var _confirm_iconCss = "tipmsg_icoConfirm";

  var _error_iconCss = "tipmsg_icoError";

  var _warning_iconCss = "tipmsg_icoWarning";

  function dialogInit(type, msg) {

  var iconCss = "";

  switch (type) {

  case "confirm" : iconCss = _confirm_iconCss; break;

  case "error" : iconCss = _error_iconCss; break;

  case "warning" : iconCss = _warning_iconCss; break;

  default : iconCss = _alert_iconCss; break;

  }

  var htmlStr = "<div id='" + type + "Div' style='display: none;'><p><span class='" + iconCss + "' style='float:left; margin:0 7px 50px 0;width:35px;height:35px;'></span>" + msg + "</p></div>";

  return htmlStr;

  }

  function Alert(msg, okCallback) {

  var title = "提示";

  var type = "alert";

  var html = dialogInit(type, msg);

  var div = $("body").find("#"+type+"Div");

  div.remove();

  $('body').append($(html));

  var buttons = {"确定" : function () {

  if(okCallback) okCallback();

  $(this).dialog("close");

  }

  };

  $("#"+type+"Div").dialog({

  modal : true,

  title : title,

  buttons : buttons

  });

  }

  function Confirm(msg, okCallback, cancelCallback) {

  var title = "确认";

  var type = "confirm";

  var html = dialogInit(type, msg);

  var div = $("body").find("#"+type+"Div");

  div.remove();

  $('body').append($(html));

  var buttons = {"确定" : function () {

  if(okCallback) okCallback();

  $(this).dialog("close");

  },

  "取消" : function () {

  if(cancelCallback) cancelCallback();

  $(this).dialog("close");

  }

  };

  $("#"+type+"Div").dialog({

  modal : true,

  title : title,

  buttons : buttons

  });

  }

  function Error(msg, okCallback) {

  var title = "错误";

  var type = "error";

  var html = dialogInit(type, msg);

  var div = $("body").find("#"+type+"Div");

  div.remove();

  $('body').append($(html));

  var buttons = {"确定" : function () {

  if(okCallback) okCallback();

  $(this).dialog("close");

  }

  };

  $("#"+type+"Div").dialog({

  modal : true,

  title : title,

  buttons : buttons

  });

  }

  function Warning(msg, okCallback) {

  var title = "警告";

  var type = "warning";

  var html = dialogInit(type, msg);

  var div = $("body").find("#"+type+"Div");

  div.remove();

  $('body').append($(html));

  var buttons = {"确定" : function () {

  if(okCallback) okCallback();

  $(this).dialog("close");

  }

  };

  $("#"+type+"Div").dialog({

  modal : true,

  title : title,

  buttons : buttons

  });

  }