EasyUI 在js 中的消息框,怎么加弹出音效? 5C

就如,windows系统中弹出的消息框带有音效,有的是警告音,有的是提示音等等,在此问一下,如果前端用easyUI,那么easyUI中封装好的几种消息提示框,怎么加音效?
比如:消息框(messager)提供不同样式的消息框,包括警示(alert)、确认(confirm)、提示(prompt)、进展(progress)等等。
$.messager.alert('My Title','Here is a info message!','info');这样的消息提示框,怎么在消息弹出时,发出警示音,就如windows系统的警示弹框一样?
如果大神知道怎么写,麻烦指导一下。谢谢!

8个回答

得先有音效的文件,WAV,MP3等等格式的,,然后在alert之前播放。。。easyUI不带这个功能的,得用插件,或者自己写

在弹框的时候,根据弹框类型,播放一次对应音频

弹出窗可以是自己做的一个div,div里嵌入音乐文件,这样是不是可以啦,没试过哦。

你在弹出的时候,把你要提示的音乐用标签加载到提示消息里面 就会执行了

自己写,需要引入音频文件,封装成js工具类,用的时候直接调,最好传入参数供选择是否发声。不难,试试吧!

只能修改easyui中的js文件,在方法后面加音频文件地址

我已经摸索找到一种简便的解决问题的方法,多谢各位的回答,我会继续努力的!

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
这么在jquery easyui里弹出消息框,里面出现radio控件的选项?

![图片说明](https://img-ask.csdn.net/upload/201601/08/1452224319_681759.jpg) ![这么将这个显示在处理审核弹出消息框里面 ?图片说明](https://img-ask.csdn.net/upload/201601/08/1452224340_322848.jpg)

easyui中弹出dialog时,更改弹出的位置

easyui中弹出dialog时,更改弹出的位置 绝对位置可以通过设置top和left属性。但是如果想更具某个按钮的位置进行弹出,不知道该怎么办啊。请各位大神赐教? 我在js中这样设置不行 $("#dialogDiv").offset({top:100,left:0});

easyui弹出框中添加按钮添加不进去

我想在弹出框中添加提交的按钮,但是在弹出层的div的 data-options中使用footer不管用,页面效果如下 ![图片说明](https://img-ask.csdn.net/upload/201901/14/1547450571_273871.png) ![图片说明](https://img-ask.csdn.net/upload/201901/14/1547450581_702544.png) 这两个按钮并不会到弹出层中。拜托大神帮忙看看是怎么回事。 下面是页面代码 ``` <table id="role_table"> <thead> <th data-options="field:'group_code'">角色ID</th> <th data-options="field:'group_name'">角色名</th> </thead> </table> <!-- 工具栏 --> <div id="role-tool"> <a class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" onclick="doRoleAdd()">新增</a> <a class="easyui-linkbutton" data-options="iconCls:'icon-del',plain:true" onclick="doMenuAssign()">删除</a> <a class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" onclick="doMenuAssign()">分配权限</a> </div> <!-- 新增修改弹出层 --> <div id="role-dialog" class="easyui-dialog" data-options="footer:'#role-buttons',modal:true,closed:true,href:'<%=request.getContextPath()%>/role/addRole'" title="编辑角色" style="width:400px;height: 300px"></div> <!-- 新增修改弹出层提交取消按钮 --> <div id="role-buttons" style="padding: 5px 15px 5px 0px;text-align: right"> <a class="easyui-linkbutton" data-options="iconCls:'icon-ok',plain:true" onclick="submitRoleForm()">提交</a> <a class="easyui-linkbutton" onclick="$('#role-menu-dialog').dialog('close')">取消</a> </div> <script> $(function() { $("#role_table").datagrid({ url : "role/roleList", singleSelect : true, toolbar:"#role-tool" }) }) function doRoleAdd(){ $("#role-dialog").dialog("open"); } </script> ``` 跪求大神帮忙

layer弹出层中easyui的样式问题

在一个jsp中写了一个隐藏的div作为layer弹出层,在这个div中写了一个easyui的下拉框, layer弹出的时候,下拉框无法下拉。如果把这个隐藏的div设置为显示,这个下拉框又是 正常的,请问这是怎么回事。![图片说明](https://img-ask.csdn.net/upload/201707/27/1501137695_455308.png)

easyUI 主页面弹出dialog 关闭问题

请问各位大神有没有人知道,easyUI 主页面弹出dialog 页面B ,dialog B 弹出dialog 页面C 怎么在关闭C时不关闭B

easyUI配合的框架

easyUI 一般和什么后台框架配合使用比较好

easyui弹出对话框在更改宽度时位置出现偏移

``` easyui弹出对话框在更改宽度时位置出现偏移 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Insert title here</title> <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/themes/default/easyui.css"> <!--引入CSS样式--> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/themes/icon.css"> <!--Icon引入--> <script type="text/javascript" src="${pageContext.request.contextPath}/locale/easyui-lang-zh_CN.js"></script> <!--汉化--> <script type="text/javascript"> $(function(){ $("#d1").dialog({ title:"fdfd", width:200, height:300, collapsible:true, buttons:[{text:"确定",handler:function(){ //begin $("#d1").panel({width:900}); // $("#d1").dialog({width:900});当使用这个时不会,为什么 //end $.messager.alert("你点击了确定将立即进行宽度的更改"); }},{text:"取消",handler:function(){ $.messager.alert("你点击了取消"); }}] }); }); </script> </head> <body> <div id="d1"></div> </body> 我是新手,麻烦用通俗易懂的话语告诉我,谢谢 ```

在easyui里怎么能给combobox加回车/单击事件?

在easyui里怎么能给combobox加回车/单击事件? 在easyui里怎么能给combobox加回车/单击事件? 在easyui里怎么能给combobox加回车/单击事件?

easyui 如何弹出一个导入导出的对话框

使用easyui 弹出一个对话框,对话框是系统对话框,可以查找本地文件,导入导出格式为csv。

easyui datebox时间框样式问题

easyui使用datebox的时候。 他是写在td中的。 设置了样式span.datebox{border:0px} 这样看没有任何问题。但是当你触发点击事件的时候,会出现淡蓝色的圆角边框。 请问如何去除。

easyui 点击新增按钮 弹出对话框为什么一直在加载

鼠标点击对话框才出来控件 ![图片说明](https://img-ask.csdn.net/upload/201709/01/1504257008_54252.png) ![图片说明](https://img-ask.csdn.net/upload/201709/01/1504257016_528198.png)

怎样隐去easyui-numberbox和easyui-combobox的边框

![图片说明](https://img-ask.csdn.net/upload/201603/04/1457059745_386816.png) 查看时候需要回显,但是不知道怎样隐去easyui-numberbox和easyui-combobox的边框么 我试了border: none !important;outline:medium !important; 但是不管用,恳请大神们帮助,,easyui-numberbox回显时候怎么带着数据单位呢 这也是一个问题 拜托诸位前辈指教

jquery easyui中的combobox组合框 有没有办法把下拉框的选项改变颜色?

jquery easyui中的combobox组合框 有没有办法把下拉框的选项改变颜色? 在文档中没找到相应的属性。求大神指教!

关于easyUI的datagrid的边框问题

在一个页面上有两个datagrid表格,而且一个是嵌套到另一个里面的,如何只去掉其中一个datagrid表格的边框,而另一个保留边框呢

frameset框架中的一个frame页面想弹出一个dialog,使用的jquery easyui

frameset框架中的一个frame页面想弹出一个dialog,使用的jquery easyui 但没有反应 <div style="margin:20px 0;"> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('open')">Open</a> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('close')">Close</a> </div> <div id="dlg" class="easyui-dialog" title="Basic Dialog" data-options="iconCls:'icon-save'" style="width:400px;height:200px;padding:10px"> The dialog content. </div>

easyui 设置了复选框不能多选

easyui 设置了复选框不能多选 是不是应该有个设置可以多选的属性 我没查到有多选这个属性 个人认为复选框应该是多选是默认的啊 不然要复选框干嘛 求解答

js在动态生成的页面上动态添加easyUI的tab

``` ``` 代码如下: var tab = $("<div id='tab_row_" + r + "_column_" + c + "' class='easyui-tabs' style='width:500px;height:250px;'>"); var content = "<table id='table_datagrid_'" + view.id +"></table>"; tab.tabs('add', { title: view.title, content : content, closable: true }); 执行到add的时候,就报出了如下错误: jquery.easyui.js:5210 Uncaught TypeError: Cannot read property 'options' of undefined at _34c (jquery.easyui.js:5210) at HTMLDivElement.<anonymous> (jquery.easyui.js:5469) at Function.each (jquery-1.9.1.min.js:132) at init.each (jquery-1.9.1.min.js:41) at Object.add (jquery.easyui.js:5468) at init.$.fn.tabs (jquery.easyui.js:5431) at DataBrowser.showReport (db.databrowser.js:180) at Object.$.parser.onComplete (db.databrowser.js:91) at Object.parse (jquery.easyui.js:46) at jquery.easyui.js:3276 是不是add方法只能用于给静态div添加tab呢?

easyui关于window控件如何弹出如何遮住导航菜单栏

最近项目中使用easyui,用到它的组建导航栏,菜单,布局,还有window弹出窗口。页面的布局如下:![图片说明](https://img-ask.csdn.net/upload/201506/04/1433390271_271778.jpg) 在中间部分另一个页面,点击”新增按钮“ 就会弹出window控件,但是弹出之后显示的范围在中间页面中而不是整个浏览器页面中,就该怎么解决。

如何获取资源文件内容(或是弹出对话框中的内容)

先描述下需求:项目使用的是easyUI框架,表格第一列为“发送通知”按钮,点击后弹出一个对话框,其中为通知内容,对话框下有“确定发送”按钮。 现在要求通知内容模板写在.properties中,其中的参数如“通知者姓名”需要根据所选行中的信息填入,然后点击“确定发送”后台需要获取整个通知内容(包含参数,即对话框的内容)。 目前我通过fmt标签获取的信息模板,并传入参数,但是不知道如何获取整条通知信息的内容并传入后台。请问下该如何实现,有例子最好了。 小弟是初学者,easyUI也是刚学习,希望可以解答的详细些,谢谢! (上网查了var属性可以设定变量,但是好像js获取不到,也许是我获取的方式不对)

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

点沙成金:英特尔芯片制造全过程揭密

“亚马逊丛林里的蝴蝶扇动几下翅膀就可能引起两周后美国德州的一次飓风……” 这句人人皆知的话最初用来描述非线性系统中微小参数的变化所引起的系统极大变化。 而在更长的时间尺度内,我们所生活的这个世界就是这样一个异常复杂的非线性系统…… 水泥、穹顶、透视——关于时间与技艺的蝴蝶效应 公元前3000年,古埃及人将尼罗河中挖出的泥浆与纳特龙盐湖中的矿物盐混合,再掺入煅烧石灰石制成的石灰,由此得来了人...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

外包程序员的幸福生活

今天给你们讲述一个外包程序员的幸福生活。男主是Z哥,不是在外包公司上班的那种,是一名自由职业者,接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主,Z哥,老程序员,是我十多年前的老同事,技术大牛,当过CTO,也创过业。因为我俩都爱好喝酒、踢球,再加上住的距离不算远,所以一直也断断续续的联系着,我对Z哥的状况也有大概了解。 Z哥几年前创业失败,后来他开始干起了外包,利用自己的技术能...

C++11:一些微小的变化(新的数据类型、template表达式内的空格、nullptr、std::nullptr_t)

本文介绍一些C++的两个新特性,它们虽然微小,但对你的编程十分重要 一、Template表达式内的空格 C++11标准之前建议在“在两个template表达式的闭符之间放一个空格”的要求已经过时了 例如: vector&lt;list&lt;int&gt; &gt;; //C++11之前 vector&lt;list&lt;int&gt;&gt;; //C++11 二、nullptr ...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

深入剖析Springboot启动原理的底层源码,再也不怕面试官问了!

大家现在应该都对Springboot很熟悉,但是你对他的启动原理了解吗?

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

【阿里P6面经】二本,curd两年,疯狂复习,拿下阿里offer

二本的读者,在老东家不断学习,最后逆袭

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

微软为一人收购一公司?破解索尼程序、写黑客小说,看他彪悍的程序人生!...

作者 | 伍杏玲出品 | CSDN(ID:CSDNnews)格子衬衫、常掉发、双肩包、修电脑、加班多……这些似乎成了大众给程序员的固定标签。近几年流行的“跨界风”开始刷新人们对程序员的...

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

我说我懂多线程,面试官立马给我发了offer

不小心拿了几个offer,有点烦

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

立即提问
相关内容推荐