自定义消息弹出框,以便在项目中直接引用。
jquery.message.js
(function($) { /* 注册普通消息弹出框 */ var msgDiv="<div name='alertMsgDialog' title='消息' style='display:none;'>"+ "<p>"+ "<span class='ui-icon ui-icon-circle-check' style='float: left; margin: 0 7px 50px 0;'></span>"+ "<span name='message'></span>"+ "</p>"+ "</div>"; $.alertMsg=function(message){ if($("div[name=alertMsgDialog]").length==0){ $("html").append(msgDiv); } $("div[name=alertMsgDialog] span[name=message]").html(message); $("div[name=alertMsgDialog]").dialog({ modal: true, width:500, height:300, buttons: { Ok: function() { $( this ).dialog( "close" ); } } }); }; /* 注册错误消息弹出框 */ var errorMsgDiv="<div name='alertErrorMsgDialog' title='错误消息' class='ui-state-error-text' style='display:none;'>"+ "<p>"+ "<span class='ui-icon ui-icon-alert' style='float: left; margin: 0 7px 50px 0;'></span>"+ "<span name='message'></span>"+ "</p>"+ "</div>"; $.alertErrorMsg=function(message){ if($("div[name=alertErrorMsgDialog]").length==0){ $("html").append(errorMsgDiv); } $("div[name=alertErrorMsgDialog] span[name=message]").html(message); $("div[name=alertErrorMsgDialog]").dialog({ modal: true, width:500, height:300, buttons: { Ok: function() { $( this ).dialog( "close" ); } } }); }; })(jQuery);
index.html
<!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> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <script src="js/jquery.message.js"></script> <script> $(function(){ // 弹出普通消息 $.alertMsg("这是普通消息"); // 弹出错误消息 $.alertErrorMsg("这是错误消息"); }); </script> </head> <body> </body> </html>
相关推荐
这款弹出框插件是本人自己模仿IOS原生弹出框写的一个自定义插件,包括Alert弹出框和Confirm确认框,支持标题,内容,按钮文字以及按钮回调函数自定义,使用非常简单,可以进行扩展,下面是插件使用方法,一看就懂: ...
利用jquery的插件扩展写的模仿alert框的一个插件,请在使用时把样式导入文档中。
弹出框(Popover)与工具提示(Tooltip)类似,提供了一个扩展的视图。如需激活弹出框,用户只需把鼠标悬停在元素上即可。弹出框的内容完全可使用 Bootstrap 数据 API(Bootstrap Data API)来填充。该方法依赖于...
9.5 综合案例分析—使用jQuery扩展工具函数实现对字符串指定类型的检测/305 9.5.1 需求分析/305 9.5.2 效果界面/305 9.5.3 功能实现/306 9.5.4 代码分析/309 9.6 本章小结/311 第10章 jQuery性能优化与最佳...
Demo8 结合jquery实现AJAX自定义验证 特性: 使用方法:在要验证的表单(form)中加上 onsubmit="return validator(this)" 在要验证的表单元件中设置元件,valid(验证规则),errmsg(提示消息),多个验证使用|...
两种方法都要传一个必要的事件名称参数,如contextmenu右击,mousedown鼠标按下,比原来只能右键弹出更灵活。 改变了点击菜单项目时,触发方法的传参定义,现在只传两个参数:(点击菜单项目单元的ID,触发浮动菜单...
两种方法都要传一个必要的事件名称参数,如contextmenu右击,mousedown鼠标按下,比原来只能右键弹出更灵活。 改变了点击菜单项目时,触发方法的传参定义,现在只传两个参数:(点击菜单项目单元的ID,触发浮动菜单...
组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。 JavaScript 插件:Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含...
组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。 JavaScript 插件:Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含...
此版本增加了很多新特性,同时...26、弹出框增加新的选项能够制定JS生成DOM的id属性,便于自定义样式 27、大幅优化代码,修复一些在Javascript代码中的错误,完善关键代码注释,增强部分代码文件与requierejs的兼容性
组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。 JavaScript 插件:Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含...
(原来已经有弹出框插件和窗口插件了,ligerWindow和ligerMessage,不推荐,暂时保留) 菜单 [增加]增加新插件:菜单、菜单条、工具条,菜单可以自定义图片,可以动态设置项,动态的显示位置。菜单条和是在菜单的...
Yii Framework 2.0的小部件组件,可轻松配置和初始化弹出通知对话框。 它为本机javascript警报,确认和提示对话框提供了一个polyfill。 它包括对通过呈现丰富对话框的内置支持,这使得使用Bootstrap的模态对猴子更...
基于jquery、Bootstrap4、layer 弹出层设计基于原始HTML5组件,自定义的表格和表单控件。前后端交互标准封装,细节优化实现快速开发。降低前端开发难度使用方法使用 DB/create.sql 创建mysql数据库配置 WEB/app/...
-Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...
添加页面操作弹出窗口。它允许自定义密码生成以及在不公开输入密码的情况下解锁密码 2.1。弹出窗口不会阻止您点击下面的内容。添加了有关错误布局的警告。许多小的修正 2.0.2。修复了巨大的安全性问题 2.0.1。修复了...
一 ASP.NET AJAX Framework 1、ValidatorCallout 是ASP.NET AJAX Control Toolkit中的一员,老瓶装新酒,通过扩展的方式为ASP.NET的验证控件提供漂亮的弹出提示效果。缺点是:目前的版本还不能提供服务端Custom ...
Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码截图如上所示。 Java 数字签名、数字证书生成源码 2个目标文件 摘要:JAVA源码,...
Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码截图如上所示。 Java 数字签名、数字证书生成源码 2个目标文件 摘要:JAVA源码,...