<%@ 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. P1583 魔法照片

    题目描述 一共有n(n≤20000)个人(以1--n编号)向佳佳要照片,而佳佳只能把照片给其中的k个人.佳佳按照与他们的关系好坏的程度给每个人赋予了一个初始权值W[i].然后将初始权值从大到小进行排序 ...

  2. 使用Jenkins进行android项目的自动构建(1)

    环境搭建 1. 下载JDK,安装,并将JDK的安装目录加入到环境变量JAVA_HOME,将JDK的bin目录加入到环境变量PATH. 2. 下载Android SDK,解压,并将SDK的安装目录加入到 ...

  3. SELECT TOP 100 PERCENT * 的含义

    --返回符合条件的100%的记录,即所有符合条件的记录SELECT TOP 100 PERCENT * --返回符合条件的100条记录,即只返回符合条件的100条记录SELECT TOP 100 * ...

  4. Farseer.net轻量级开源框架 中级篇:常用的扩展方法

    导航 目   录:Farseer.net轻量级开源框架 目录 上一篇:Farseer.net轻量级开源框架 中级篇: BasePage.BaseController.BaseHandler.BaseM ...

  5. C# 获取文件编码

    using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Tex ...

  6. dxf组码

    值 说明 -5 APP:永久反应器链 -4 APP:条件运算符(仅与 ssget 一起使用) -3 APP:扩展数据 (XDATA) 标记(固定) -2 APP:图元名参照(固定) -1 APP:图元 ...

  7. CAD绘制固定圆形云线标注(网页吧)

    js中实现代码说明: function DoCloudCircleCommentFix() { var comment = mxOcx.NewEntity("IMxDrawComment&q ...

  8. zabbix4.2学习笔记--监控tomcat

    zabbix提供了一个java gateway的应用去监控jmx(Java Management Extensions,即Java管理扩展)是一个为应用程序.设备.系统等植入管理功能的框架 环境 主机 ...

  9. NET VBCSCompiler.exe占用100%,造成项目卡顿的的解决方法

    1)服务器环境 最低配 的window server 2008 r2, 配置低容易发现问题‘ 2)事件描述 :项目打开缓慢,查询列表卡顿 3)问题分析:排除代码问题, ->打开服务器任务管理器 ...

  10. filezilla server FTP 安装报错 "could not load TLS network. Aborting start of administration interface"

    filezilla server FTP 安装报错   "could not load TLS network. Aborting start of administration inter ...