<%@ 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. Win10 1803更新UWP无法安装的解决办法|错误代码0x80073D0D

    升级Win10 1803后,出现了之前安装的UWP.应用无法更新,再此安装失败的现象. 应用商店错误代码为:0x80073D0D,尝试卸载重装商店,清除应用缓存也无法解决. 最终解决办法: 下载Eve ...

  2. 面试题9-用两个栈来实现一个队列,完成队列的Push和Pop操作

    题目 用两个栈来实现一个队列,完成队列的Push和Pop操作. 队列中的元素为int类型. 思路: 一个栈压入元素,而另一个栈作为缓冲,将栈1的元素出栈后压入栈2中 代码 import java.ut ...

  3. axis2客户端的几种调用方式

    (1)使用RPC方式调用WebService // 使用RPC方式调用WebService RPCServiceClient serviceClient = new RPCServiceClient( ...

  4. select 1浅析

    今天看到项目代码里有这条语句,不懂select 1 from XXXXXXX里的1是何意,查了一番才知道: 1.select 1 from mytable;与select anycol(目的表集合中的 ...

  5. qt查找框设置

    转载请注明出处:http://www.cnblogs.com/dachen408/p/7229129.html 主界面弹出查找框方法,查找框显示在主界面上层,并还可以点击主界面,非模态. class ...

  6. xamarin 学习笔记01-环境配置

    1.安装AndroidSDK 参考 2.安装NDK NDK下载地址:http://dl.google.com/android/ndk/android-ndk-r10e-windows-x86_64.e ...

  7. python常见问题一(安装报错)

    常见问题一:我在安装python2.7时,提示错误:'An error occurred during the installation of assembly 'Microsoft.VC90.CRT ...

  8. 反射(hasattr,getattr,delattr,setattr)

    反射(hasattr,getattr,setattr,delattr) 反射在类中的使用 反射就是通过字符串来操作类或者对象的属性 反射本质就是在使用内置函数,其中反射有四个内置函数: hasattr ...

  9. android studio 调试安装

    最新的手机无法debug安装调试. vivo x21  oppo r11等 解决办法: 1,关闭instant run Android Studio->Preferences->Build ...

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

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