宝哥软件园

基于jQuery的弹出警告对话框美化插件(警告、确认、提示)

编辑:宝哥软件园 来源:互联网 时间:2021-10-22

前不久在官网看到这个插件,今天有空就看了一下,随便和大家分享一下。也许你已经知道了,如果是,请跳过,不要拍砖。Jquery插件旨在取代标准的JavaScript函数alert()、confirm()和prompt()。该插件具有以下特点:1。这个插件使您能够支持自己的css公式。让你的网站看起来更专业。2:允许您自定义对话框的标题。3:在IE 7中,可以避免使用JavaScript prompt()函数带来页面重载。4:这些方法模拟Windows的模式对话框。当您更改浏览器窗口大小时,它可以适应用户窗口的调整。5:如果引入jQuery UI Draggable插件插件,这个插件也可以自由拖动。先说一下插件的下载地址,方便有需要的人下载: http://labs.a美丽的site.net/projects/js/jquery/alerts/jquery.alerts-1.1.zip.首先,头/头导入JQuery、jquery.ui.draggable、jquery.alerts的css和js文件。script src=' http :/path/to/jquery . js ' type=' text/JavaScript '/script script src=' http :/path/to/jquery . ui . draggable . js ' type=' text/JavaScript '/script script src=' http 3360/path/to/jquery . alerts . js ' type=' text/JavaScript '/script link href='/path/to/jquery . alerts . CSS。doctype HTML public '-//W3C//dtd XHTML 1.0 Transitional//en ' ' http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd' II:我们可以通过以下方式使用这个Jquery插件。Jalert (message,[title,callback])jconfim(message,[title,callback]) jprompt (message,[value,title,callback])注意:与Javascript标准函数不同,我们可以使用HTML参数在Message中显示您的提示信息。三.兼容性:告警插件要求我们使用JQuery1.2.6或更高版本的jQuery包。它已经在IE6、IE7、FF2、FF3、Safari 3、Chrome和Opera 9浏览器上测试运行良好。四:演示:注意演示中没有引入:可dragonable插件,所以不能拖拽Test Alert。复制代码如下:J Alert('这是自定义的报警框;a href= ' http://www.cnblogs.com/whitewolf/'这个例子来自冲浪博客/a ','警报对话框';测试确认副本代码如下:jconfirm('你能确认一下吗?a href= ' http://www.cnblogs.com/whitewolf/'这个例子是来自破浪的博客/a ','确认对话框',函数(r) {jalert('确认3360' r,'确认结果');});Test Prompt复制代码如下: jprompt(' type things : a href= ' 3358www.cnblogs.com/whitewolf/'这个例子来自于surf blog/a ',' whitewolf ',' prompt dialog ',函数(r) {if (r) alert(。});我利用今天的空闲时间考虑了jConfirm回归的解决方案。我想去年冬天问了这个关于ASP的问题。NET的回调,主要是jConfirm的回调,是异步的,不是同步的。所以我试图防止事件冒泡,当我选择true时,它会自动返回。

用链接按钮测试(按钮不同于这个解决的方案在后面解释)现贴出链接按钮的代码演示:关于jConfirm回传演示复制代码代码如下: %@页面语言=' c# ' AutoEventWireup=' true ' CodeFile=' Default。aspx。cs ' Inherits=' _ Default ' %!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML L1-过渡。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' title/title Script src=' http 3360 Script/jquery-1。3 .2 .量滴js ' type=' Text/JavaScript ready(function(){ $(' # %=link button 1 .客户端id“% 1”).click(function(event){ jconfim(' test ',' test jconfirm '),function(r) { if (r) { %=Page .客户端脚本。getpostbaclientyperlink(link button 1,")% } });事件。stopperpagation();事件。prevent default();});});/脚本/正文/html链接按钮一按钮单击代码复制代码代码如下:受保护的void Button1_Click(对象发送者,事件参数{这个.标签1 .文本=日期时间现在。ToString();} 主要为先阻止事件的冒泡事件。stopperpagation();事件。prevent default();在jConfirm的回收回调函数中判断是否需要回传,%=页面客户端脚本。getpostbaclientyperlink(链接按钮1," ");点击链接按钮一是效果为

点击取消时候就不会回传,当好的时候就会发生回传更新时间

对于我们的链接按钮的实现是在输出的客户端超文本标记语言代码有脚本自动回传,而纽扣这是超文本标记语言元素提交,提交,所以在这两个的区别下,链接按钮就多了几处爪哇岛描述语言代码:复制代码代码如下:脚本类型='text/javascript' //![CData[var FORm=document。forms[' form 1 '];if(!FORm){ FORm=document。表格1;} function _ _ doPostBack(事件目标,eventArgument) { if(!FORrm。onsubmit | |(FOrm。onsubmit()!=false)){ FORm ._ _ EVENTTARGET。value=EVENTTARGET森林_ _ EVENT ARGUMENT。value=EVENT ARGUMENTFORrm。submit();} }//]]/脚本和隐藏输入复制代码代码如下:输入类型='隐藏'名称=' _ _ EVENTTARGE ' id=' _ _ EVENTTARGE '值='' /输入类型='隐藏'名称=' _ _ EVENTARAGE ' id=' _ _ EVENTARAGE '值='' /上面所说的意思就是如果要用纽扣实现同样的示例,我们必须保证我的输出客户端的代码有这些回传脚本注册,还有就是回传为%=页面客户端脚本。getpostbackeeventreference(按钮1 ' ')% 1 .所以我觉得用链接按钮更适合。

更多资讯
游戏推荐
更多+