<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="CPMS.views.test" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title></title> <script src="../resources/js/jQueryv1.7.1.js"></script>

<script src="../resources/js/operamasks-ui.min.js"></script>

<link href="../resources/css/apusic/om-apusic.css" rel="stylesheet" />

<style>

.om-messageBox-content .om-messageBox-image-myDefined{

background-image: url("smile.png");     }     </style>

<script type="text/javascript">

function showAlert() {

$.omMessageBox.alert({

content: '您还没有选择要删除的记录',

onClose: function (v) {

showResult('我知道了!');

}             });

}

function showSuccess() {

$.omMessageBox.alert({

type: 'success',

title: '成功',

content: '操作成功',

onClose: function (v) {

showResult('我知道了!');

}

});         }

function showError() {

$.omMessageBox.alert({

type: 'error',

title: '失败',

content: '不能删除<font color="red">admin</font>用户',

onClose: function (v) {

showResult('我知道了!');

}

});         }

function showQuestion() {

$.omMessageBox.alert({

type: 'question',

title: '提示',

content: '提示内容',

onClose: function (v) {

showResult('我知道了!');

}

});

}

function showWarning() {

$.omMessageBox.alert({

type: 'warning',                 title: '警告',

content: '该记录已被其它用户删除了,请刷新表格!',

onClose: function (v) {

showResult('我知道了!');

}

});

}

function showDefined() {

$.omMessageBox.alert({

content: '自定义图标',

type: 'myDefined',

onClose: function (v) {

showResult('我知道了!');

}

});

}

function showResult(msg) {

$('#result').html(msg).fadeIn('slow').delay(1500).fadeOut('slow');

}

</script>

</head>

<body>

<button onclick="showAlert();">alert默认图标</button>

<button onclick="showSuccess();">success图标</button>

<button onclick="showError();">error图标</button>

<button onclick="showQuestion();">question图标</button>

<button onclick="showWarning();">warning图标</button>

<button onclick="showDefined();">自定义的图标</button>

<br/><br/>

<div style="color:red;font-size: 2em" id="result"></div>

</body>

</html>

效果如下:

operamasks—omMessageBox的使用的更多相关文章

  1. 为operamasks增加HTML扩展方式的组件调用

    #为operamasks增加HTML扩展方式的组件调用 ##背景 之前的[博文](http://www.cnblogs.com/p2227/p/3540858.html)中有提及到,发现easyui中 ...

  2. operamasks—omGrid/omBorderLayout的混合使用

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs&q ...

  3. operamasks—omMessageTip的使用

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  4. operamasks—omBorderLayout布局

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  5. Web前端框架汇总

    在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架.下面把前端的框架简单的列一下. 1.flex Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apach ...

  6. RequireJS首次加载偶尔失败

    现象:第一次加载JS文件,首次加载偶尔失败: 原因:require(['jquery', 'operamasks', 'zTree', 'jQueryCookie'],中前后引用同步加载: 解决方式: ...

  7. RequireJS使用及JS目录规划

    1.RequireJS学习文档: http://www.requirejs.cn/ 2.目录规划(参考:ColUdf.vm) 1)一个完整的html,对应一个js文件,模块js在主页面对应的js文件中 ...

  8. java前端选择

    在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架.下面把前端的框架简单的列一下. 1.flex Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apach ...

  9. omDialog设计造成控件无法后台取值

    http://ui.operamasks.org/website/homepage.html 使用服务端控件,前台进行赋值,但后台确无法取值. 不仅如此,如果里面放置了一个ASp:Button同样无法 ...

随机推荐

  1. Apache Tomcat 之路(二 部署web 应用程序)

    1.创建一个webapplication,不论是解压的应用程序包还是war包,在tomcat 上都能部署,这里提供一个简单的web项目:git地址:https://github.com/coderxi ...

  2. Objective -C Memory Management 内存管理 第一部分

    Objective -C Memory Management  内存管理  第一部分 Memory management is part of a more general problem in pr ...

  3. markdown表格中怎么插入逻辑或符号|?

    | 73向下投票接受 | 如果你删除反引号(****),使用|`黑客作品 a | r ------------|----- `a += x;` | r1 a |= y; | r2 并产生以下输出 在这 ...

  4. cmanformat - 不是命令啦,是个演示文件

    描述 DESCRIPTION cmanformat 是 man pages 格式的演示文件. 由于系统不同会有差异.在 XWindow 下会好些. __________________________ ...

  5. CSS hover 改变另外一个元素状态

    Part.1 问题 我们写页面时也不少遇到这个问题,在没有使用任何预处理语言前提下,当hover 一个元素的时候怎么改变其它的元素? 这里我把它分为两种情况(除自身以外) hover时 1: 改变本身 ...

  6. Java基础(十一)--Serializable和Externalizable接口实现序列化

    序列化在日常开发中经常用到,特别是涉及到网络传输的时候,例如调用第三方接口,通过一个约定好的实体进行传输,这时你必须实现序列 化,这些都是大家都了解的内容,所以文章也会讲一下序列化的高级内容. 序列化 ...

  7. dedecms部分文章出现读取附加信息出错的解决办法

    问题: 估计是新版本开发的时候,没有考虑旧版,文章内容为空的新闻,新版不在允许文章内容为空的新闻,这样旧版的内容为空的新闻升级后将无法再编辑. 解决:你可以对如下文件进行如下修改:article_ed ...

  8. idea拉出Output窗口和还原窗口

    拉出:按住标题可以拖出 效果: 还原:点击restore layout

  9. python3.x Day6 paramiko

    python3 paramiko模块,用来进行远程操作linux服务器,利用的就是ssh #利用用户名,密码,进行连接 import paramiko #创建一个SSH对象 ssh=paramiko. ...

  10. mysql数据库导出导入

    MYSQL的命令行模式设置: 我的电脑->属性->高级系统设置->环境变量->系统变量-> 选择Path,在后面添加“;path\mysql\bin;”其中path为MY ...