- 浏览: 230382 次
- 性别:
- 来自: 北京
文章分类
最新评论
可以自己在前面加上一张图片
通过operation判断 用哪张图
通过operation判断 用哪张图
/** * @depend jQuery-ui-Dialog * jQuery ui Dialog * @author Malt */ (function($) { /** * @param operation[notice(default)/success/warning/error] image's name */ $.simpleMessage = function( message, operation, options ) { var defaultOptions = { //position: [objLeft,objTop], title: "提示", modal: true, resizable: false, minHeight: '25px', buttons: { "关闭": function() { $(this).dialog( "close" ); } } }; var imgName = operation || "notice"; var icon = "<img src='jquery/simpleMessage/images/"+imgName+".png' style='float:left;'/>"; defaultOptions.message = '<span style="line-height:30px;font-size:16px;">'+message+'</span>'; defaultOptions = jQuery.extend(defaultOptions, options); $('<div><center>'+icon + defaultOptions.message +'</center></div>').dialog(defaultOptions); }; })(jQuery);
$.simpleMessage("hahaah");
发表评论
-
web界面父子页面互相调用
2017-10-27 14:25 630父页面:parent.html <!DOCT ... -
多选下拉框的回显(Select)
2015-10-20 17:29 10458多选下拉框打印时候是已数组形式展现的,按这种思路: &l ... -
jqgrid 网址
2015-05-13 16:41 568http://www.trirand.com/blog/jqg ... -
JQuery EasyUI combobox动态添加option
2015-03-20 09:41 1761<input class="easyui-c ... -
easy datagrid 获得page信息
2015-02-03 11:07 632var grid = $('#datagrid'); va ... -
easy ui datagrid api
2015-01-29 12:58 705http://www.jeasyui.com/document ... -
扩展easy ui tree 层级(level)
2014-12-22 10:38 868$.extend($.fn.tree.methods, { ... -
jquery 下拉框按text 选中
2014-11-18 16:03 527jQuery("#separator option[ ... -
jqGrid增加滚动条
2014-10-28 10:15 1937滚动条: $(xxx).jqGrid({ ...... aut ... -
jQuery ui 多选下拉
2014-09-25 11:49 1026下载及代码:http://www.erichynds.com/ ... -
jqGrid 行编辑(select事件)动态追加控件(操作)
2014-09-15 11:26 7471在某个控件后面, 追加一个控件, 在某个控件下面设置 ... -
jQuery validate 自定义样式、规则
2014-09-12 17:07 1509jquery validate 常用的找Api 就好, 但有一 ... -
jqGrid自动适应窗口大小
2014-09-01 17:41 802$(window).resize(function(){ ... -
jqGrid 编辑自定义控件
2014-08-15 16:12 2408jqGrid 支持在某一列上,自己写一个控件显示,并影响弹出编 ... -
Ztree 常用
2014-08-14 17:36 1134Ztree 支持中文API 实在太easy 了, 有了API ... -
针对Ztree的右键弹出菜单(jquery.popupSmallMenu.js)
2014-08-14 10:21 6458例子效果: 右键菜单方便好用的有很多,长用的为jque ... -
jQuery ui Combobox 扩展
2014-08-07 15:16 1462jQuery ui 是一个UI的雏形, 一些UI都基于 ... -
jQuery layout 插件属性
2014-07-30 16:08 1661相信很多人在用layout的时候都会找layout到底有多少属 ... -
jqGrid 两种列模型(TypeError: b is undefined)
2014-07-23 18:06 1045jqGrid 的json支持两种列模型 1:如果用普通的js ... -
BS UI
2014-07-21 16:07 381http://www.bootcss.com/ 支持IE6 ...
相关推荐
在使用jQuery UI Messager时,可以通过选择或创建不同的主题来改变消息框的视觉样式。 8. **插件架构**:jQuery UI Messager遵循jQuery插件开发模式,通过链式调用来初始化和配置插件,提供了一种模块化和可复用的...
使用jQuery.UI Message,开发者可以通过简单的API调用来创建和显示消息。例如,你可以用以下代码显示一个警告消息: ```javascript $.ui.message({ type: 'warn', text: '这是一条警告信息', timeout: 3000 // ...
1. **引入jQuery和jQuery UI**:在项目中,首先需要引入jQuery库(如jquery-1.3.2.js)和jQuery UI的拖拽组件。在本案例中,我们可能需要将这些脚本链接到iframe.html、right.html和left.html等文件中。 2. **设置...
if ($.fn.pagination){ $.fn.pagination.defaults.beforePageText = 'Strana'; $.fn.pagination.defaults.afterPageText = 'z {pages}';... missingMessage: $.fn.datebox.defaults.missingMessage }); }
4. **易于使用**:API设计简洁,文档清晰,开发者可以通过简单的代码调用来实现复杂的功能,降低了学习和使用的难度。 5. **性能优化**:ligerUI在组件渲染和交互方面做了很多性能优化,保证了在大量数据或复杂操作...
总的来说,“jQuery ligerUI demo”是一个实用的教学案例,它涵盖了前端使用 ligerUI 构建界面并与 Java 后台进行数据交互的基本流程。开发者可以通过这个案例学习如何利用 ligerUI 实现常见的 CRUD 操作,同时理解 ...
**jQuery UI Dialog的使用** 1. **引入资源**:首先,确保在项目中引入jQuery库和jQuery UI库。你可以通过CDN链接或者本地文件引用。例如: ```html <script src="https://code.jquery....
此外,由于LigerUI是基于jQuery的,因此,熟悉jQuery语法的开发者可以更轻松地掌握和使用这个框架。总的来说,jQuery LigerUI 是一个强大而全面的前端解决方案,能够有效提升开发效率,同时保证应用的用户体验。
1. 强大的控件功能:由于基于jQuery UI,开发者可以使用所有jQuery UI提供的控件,如对话框、日期选择器、滑块、下拉菜单等,这些控件都经过优化以适应Bootstrap的样式。 2. 统一的外观:得益于Bootstrap的基础,...
在本文中,我们将深入探讨如何使用ThemeRollers与jQuery UI创建自定义的Alert对话框,以替换传统的JavaScript警告、确认和提示对话框。这将帮助我们提升Web应用程序的用户体验,使其更加美观且交互性强。 首先,...
首先,jQuery Message是jQuery UI的一个扩展,它提供了一种方便的方式来显示消息、警告和错误信息。这个控件允许开发者自定义位置、样式、内容和行为,以满足不同场景的需求。要实现右下角弹出框功能,我们需要在...
\n\n总的来说,基于jQuery UI实现的alert和confirm对话框方案,不仅提供了更丰富的视觉效果,还允许开发者通过简单的API调用来创建和定制对话框,同时支持换肤功能,极大地提升了用户体验。这个方案适用于那些需要...
3. **使用jQuery UI**:上面的示例使用了jQuery UI的`dialog`组件,所以还需要引入jQuery UI的CSS和JS文件: ```html <link rel="stylesheet" href="https://code.jquery....
在网页开发中,有时我们需要创建一个遮罩层或者弹出框来提示用户或者阻止用户与页面其他部分的交互,这就是“基于jQuery的BlockUI”插件所做的事情。BlockUI是一款非常实用的jQuery插件,它能够方便地实现页面区域的...
在JavaScript和jQuery的世界里,`alert`函数是一个常见的用于弹出简单信息提示框的方法。然而,原生的`alert`对话框样式单一且不可定制,无法满足开发者对用户体验的高要求。因此,"jQuery重写window alert 信息提示...
- 使用`$(selector).next('.error-message').text('错误信息')`显示错误提示。 6. **最佳实践**: - 验证应分为前端和后端两部分,前端提供快速反馈,后端作为最终保障。 - 避免暴露过多错误信息,防止被恶意...
以下是关于如何使用 jQuery UI Dialog 的详细说明: 1. **基本用法**: 要创建一个 Dialog,首先需要在页面中引入 jQuery 和 jQuery UI 的 CSS 和 JavaScript 文件。然后选择一个元素,通常是隐藏的 div,作为...
本文将深入探讨如何使用jQuery构建一个简单而实用的留言板系统。 ### 1. jQuery基础 首先,我们需要了解jQuery的基本用法。jQuery通过一个"$"函数来初始化,它可以用于选择页面上的HTML元素,如`$("#elementId")`...