<%@ 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. XamarinAndroid 自动绑定View变量

    Android 编程时我们少不了使用FindIdByView函数,在Xamarin Android开发时也需要如此.这个工作很无聊且烦人.在常规Android开发中,人们已经发明了一些方法免除这项工作 ...

  2. R in action读书笔记(8)-第八章:回归(上)

    8.1回归的多面性 8.2 OLS回归 OLS回归拟合模型形式: 为了能够恰当地解释oLs模型的系数,数据必须满足以下统计假设. 口正态性对于固定的自变量值,因变量值成正态分布. 口独立性Yi值之间相 ...

  3. 简单探讨弹性布局flex

    css 弹性布局: 盒子模型: box-sizing属性1.content-box 正常的普通的盒子模型用padding和border会使盒子变大:(向外扩张)2.border-box 盒子模型,pa ...

  4. 原生jsonp跨域

    <script> // jsonp跨域原生写法 var script = document.createElement('script'); script.src = 'http://19 ...

  5. WebSocket 的一些简单页面推送使用

    因为做通信项目的时候,需要实时获取每个分机的当前状态,发现websocket还不错,只是对浏览器的要求比较高, 针对特定用户推送消息,网上有一些 public class GetHttpSession ...

  6. opencv-flag

    http://blog.csdn.net/yiyuehuan/article/details/43701797 在Mat类中定义了这样一个成员变量: /*! includes several bit- ...

  7. jQuery radio 选中提示

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. 在 XML 中有 5 个预定义的实体引用

  9. babun

    ‎ Table of Contents 1. 环境 2. 检查/更新 3. 包管理 4. 版本管理 Git 4.1. 设置姓名邮箱(全局方式) 4.2. 添加 SSH 4.3. 链接测试 4.4. 权 ...

  10. live555简介

    live555 编辑   目录 1live555简介 2Live555 Streaming Media整体框架 3openRTSP客户端流程     1live555简介编辑 Live555 是一个为 ...