为什么80%的码农都做不了架构师?>>>   

在http://www.aceona.com/网站发现的模拟alert confirm的插件。 http://labs.abeautifulsite.net/archived/下有好几个别的组件,jQuery-alerts,jquery-fileTree,jquery-multiSelect这三个是比较有用的,jQuery-alert的demo网址:http://labs.abeautifulsite.net/archived/jquery-alerts/demo/ jQuery-alert有jAlert(msg),jConfirm(msg,title,callback),jPromt(msg,value,title,callback)四种形式, 1.msg可以用样式。 2.这几个的样式均可自定义。 <!-- lang: js --> // jQuery Alert Dialogs Plugin // // Version 1.1 // // Cory S.N. LaViska // A Beautiful Site (http://abeautifulsite.net/) // 14 May 2009 // // Visit http://abeautifulsite.net/notebook/87 for more information // // Usage: // jAlert( message, [title, callback] ) // jConfirm( message, [title, callback] ) // jPrompt( message, [value, title, callback] ) // // History: // // 1.00 - Released (29 December 2008) // // 1.01 - Fixed bug where unbinding would destroy all resize events // // License: // // This plugin is dual-licensed under the GNU General Public License and the MIT License and // is copyright 2008 A Beautiful Site, LLC. // (function($) {

    $.alerts = {// These properties can be read/written by accessing $.alerts.propertyName from your scripts at any timeverticalOffset: -75,                // vertical offset of the dialog from center screen, in pixelshorizontalOffset: 0,                // horizontal offset of the dialog from center screen, in pixels/repositionOnResize: true,           // re-centers the dialog on window resizeoverlayOpacity: 0.4,                // transparency level of overlayoverlayColor: '#000',               // base color of overlaydraggable: true,                    // make the dialogs draggable (requires UI Draggables plugin)okButton: '确 定',         // text for the OK buttoncancelButton: '取 消', // text for the Cancel buttondialogClass: null,                  // if specified, this class will be applied to all dialogs// Public methodsalert: function(message, title, callback) {if( title == null ) title = '温馨提示';$.alerts._show(title, message, null, 'alert', function(result) {if( callback ) callback(result);});},confirm: function(message, title, callback) {if( title == null ) title = 'Confirm';$.alerts._show(title, message, null, 'confirm', function(result) {if( callback ) callback(result);});},prompt: function(message, value, title, callback) {if( title == null ) title = 'Prompt';$.alerts._show(title, message, value, 'prompt', function(result) {if( callback ) callback(result);});},// Private methods_show: function(title, msg, value, type, callback) {$.alerts._hide();$.alerts._overlay('show');$("BODY").append('<div id="popup_container" class="app_popup_a"><div class="ie_out"><div class="ie_in"><div class="ie_last"></div></div></div>' +'<h1 id="popup_title"></h1>' +'<div id="popup_nr_bg"><div id="popup_content">' +'<div id="popup_message"></div>' +'</div></div>' +'</div>');if( $.alerts.dialogClass ) $("#popup_container").addClass($.alerts.dialogClass);// IE6 Fixvar pos = ($.browser.msie && parseInt($.browser.version) <= 6 ) ? 'absolute' : 'fixed'; $("#popup_container").css({position: pos,zIndex: 99999,padding: 0,margin: 0});$("#popup_title").text(title);$("#popup_content").addClass(type);$("#popup_message").text(msg);$("#popup_message").html( $("#popup_message").text().replace(/\n/g, '<br />') );            $.alerts._reposition();$.alerts._maintainPosition(true);$_select=$("select");if($_select.length>0){$_select.css("visibility","hidden");}switch( type ) {case 'alert':                   $("#popup_content").after('<div id="popup_panel" ><a title="'+$.alerts.okButton+'" class="pop_app_btn white" href="javascript:void(0)" id="popup_ok"><span class="itembody">'+$.alerts.okButton+'</span></a></div>');$("#popup_ok").click( function() {$.alerts._hide();callback(true);return false;});$("#popup_container").focus().bind("keydown",function(e){if( e.keyCode == 27 ) {$("#popup_ok").focus().trigger('click');return false;}});break;case 'confirm':$("#popup_content").after('<div id="popup_panel"><a title="'+$.alerts.okButton+'" class="pop_app_btn white" href="javascript:void(0)" id="popup_ok"><span class="itembody">'+$.alerts.okButton+'</span></a><a title="'+$.alerts.cancelButton+'" class="pop_app_btn white m_l_12" href="javascript:void(0)" id="popup_cancel"><span class="itembody">'+$.alerts.cancelButton+'</span></a></div>');$("#popup_ok").click( function() {$.alerts._hide();if( callback ) {callback(true);}return false;});$("#popup_cancel").click( function() {$.alerts._hide();if( callback ){callback(false);}return false;});$("#popup_ok").focus();$("#popup_ok, #popup_cancel").keypress( function(e) {if( e.keyCode == 13 ) $("#popup_ok").trigger('click');if( e.keyCode == 27 ) $("#popup_cancel").trigger('click');});break;case 'prompt':$("#popup_content").append('<br /><input type="text" size="30" id="popup_prompt" class="b_btn_a" />').after('<div id="popup_panel"><input type="button" value="' + $.alerts.okButton + '" id="popup_ok" /> <input type="button" value="' + $.alerts.cancelButton + '" id="popup_cancel" /></div>');$("#popup_prompt").width( $("#popup_message").width() );$("#popup_ok").click( function() {var val = $("#popup_prompt").val();$.alerts._hide();if( callback ) callback( val );});$("#popup_cancel").click( function() {$.alerts._hide();if( callback ) callback( null );});$("#popup_prompt, #popup_ok, #popup_cancel").keypress( function(e) {if( e.keyCode == 13 ) $("#popup_ok").trigger('click');if( e.keyCode == 27 ) $("#popup_cancel").trigger('click');});if( value ) $("#popup_prompt").val(value);$("#popup_prompt").focus().select();break;}/*var isIE6=($.browser.msie && parseInt($.browser.version) <= 6);var isIE=$.browser.msie;       if(isIE){window.setTimeout(function(){$("#popup_container").css({minWidth: $("#popup_container").outerWidth(),maxWidth: $("#popup_container").outerWidth()});$("#popup_title").css("width",$("#popup_container").outerWidth()-16);},50);}*/    // Make draggableif( $.alerts.draggable ) {try {$("#popup_container").draggable({ handle: $("#popup_title") });$("#popup_title").css({ cursor: 'move' });} catch(e) { /* requires jQuery UI draggables */ }}},_hide: function() {$("#popup_container").remove();$.alerts._overlay('hide');$.alerts._maintainPosition(false);if($("select").length>0){$("select").css("visibility","visible");            }},_overlay: function(status) {switch( status ) {case 'show':$.alerts._overlay('hide');$("BODY").append('<div id="popup_overlay"></div>');$("#popup_overlay").css({position: 'absolute',zIndex: 99998,top: '0px',left: '0px',width: '100%',height: $(document).height(),background: $.alerts.overlayColor,opacity: $.alerts.overlayOpacity});break;case 'hide':$("#popup_overlay").remove();break;}},_reposition: function() {var top = (($(window).height() / 2) - ($("#popup_container").outerHeight() / 2)) + $.alerts.verticalOffset;var left = (($(window).width() / 2) - ($("#popup_container").outerWidth() / 2)) + $.alerts.horizontalOffset;if( top < 0 ) top = 0;if( left < 0 ) left = 0;// IE6 fixif( $.browser.msie && parseInt($.browser.version) <= 6 ) top = top + $(window).scrollTop();$("#popup_container").css({top: top + 'px',left: left + 'px'});$("#popup_overlay").height( $(document).height() );},_maintainPosition: function(status) {if( $.alerts.repositionOnResize ) {switch(status) {case true:$(window).bind('resize', $.alerts._reposition);break;case false:$(window).unbind('resize', $.alerts._reposition);break;}}}}// Shortuct functionswindow.jAlert = function(message, title, callback) {$.alerts.alert(message, title, callback);}window.jConfirm = function(message, title, callback) {$.alerts.confirm(message, title, callback);};window.jPrompt = function(message, value, title, callback) {$.alerts.prompt(message, value, title, callback);};})(jQuery);

转载于:https://my.oschina.net/wrean/blog/135625

jquery.alerts.js模拟js的alert,confirm的插件相关推荐

  1. 加强的alert confirm js自定义对话框 多个按钮 ICO自定义

    效果图: <html> <head>     <title>对话框</title>     <link rel="stylesheet& ...

  2. android拦截js弹窗,C++ 拦截 CEF 的JS 弹窗(Alert, Confirm),改造为C++的对话框

    本周主要进行了oa_web项目的统一对话框(提示框)进行改造.因为我们知道,对于嵌入到客户端的web页面,会使用JS弹出的alert,confirm 对话(提示)框, 不过这个提示框的样式是由浏览器决 ...

  3. jQuery Alert Dialogs (Alert, Confirm, Prompt Replacements)(翻译)

    前不久在官方网站是看见这个插件,所以今天趁有空就看了一下,随便给大家共享一下.也许你早已知道了 ,如果是这样那请跳过,不要拍砖. 这个Jquery插件的目的是替代JavaScript的标准函数aler ...

  4. jQuery框架介绍-简化js

    jQuery简介 1.什么是jQuery(了解) jQuery是JS的框架 jQuery是一个轻量的.免费开源的JS函数库 轻量的: 对框架的依赖程度越低, 耦合性越低, 这个框架越轻, 反之, 对框 ...

  5. JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能

    JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能 JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能 html <table id=&q ...

  6. 模拟alert,confirm,prompt

    以前项目上用的那个虽然也是自己写的,但是是基于JQ的,前不久看到人人网出的JS有道考题和这个很像,所以就用原生JS重写了一遍: JS (function(win){var tips = {'title ...

  7. JQuery的$和其它JS发生冲突的快速解决方法

    众所周知,jQuery是目前最流行的JS封装包,简化了很多复杂的JS程序,JQuery讲浏览器DOM树定义为$,通过$来获取各个子节点. 然后,JS插件并非只有JQuery,还有prototype.j ...

  8. js用button激活 Alert 元素关闭按钮的交互功能

    js用button激活 Alert 元素关闭按钮的交互功能 一.总结 1.点(.)对应class,井号(#)对应id  2.jquery:amaze里面用的jquery,jquery熟悉之后,这些东西 ...

  9. ul+js模拟select

    ul+js模拟select html css .select_box{float: left; } .select_box input{width: 160px;height: 30px;text-a ...

最新文章

  1. DefaultTableCellRenderer
  2. 如何删除Android上ListViews之间的行?
  3. 【绝对干货】北京三年java开发多少工资
  4. 树和二叉树的转换代码python_python数据结构之二叉树的统计与转换实例
  5. kickstart命令选项
  6. 例子:Basic Lens sample
  7. 一行c语言代码,打钩的一行c语言代码解释一下,谢谢,详细解释绝对最佳
  8. php脚本防上多进程同时执行,Jorker
  9. 视频盒子APP视频播放源代码安卓+IOS双端源码
  10. eclipse fat jar 打包插件
  11. 你的第一个java_【JAVA SE基础篇】3.你的第一个JAVA程序
  12. LeetCode算法,多多路上从左到右有N棵树(编号1~N),其中第i个颗树有和谐值Ai。 多多鸡认为,如果一段连续的树,它们的和谐值之和可以被M整除,那么这个区间整体看起来就是和谐的....
  13. 聚合支付PC端-银联扫码支付
  14. 用AI如何预测《权力的游戏》死亡名单?真是神了!
  15. PyTorch非线性函数拟合
  16. 使用wireshark抓取账号密码
  17. 基于SSM的学生考勤管理系统的设计与实现
  18. 哪个牌子的蓝牙耳机音质好?公认音质最好的真无线耳机推荐
  19. layui数据表格换行,错位
  20. onmp mysql端口_ONMP 安装教程

热门文章

  1. 收藏~10年软件测试人员的工作方法进阶汇总
  2. python爬取b站评论_用python 抓取B站视频评论,制作词云
  3. PAT甲级1010 (进制和二分法)
  4. how to open files as sudo
  5. oracle rac防护,Oracle RAC日常基本维护命令
  6. rust石头墙几个c4_从安顺自驾石头寨一日游
  7. 将Python和R整合进一个数据分析流程
  8. vba替换字符串中的字符_R语言 | 字符串替换
  9. redmi airdots左右耳不串联怎么办_小米AirDots二代4小时售罄,告诉你戴狂卖3500万的耳机是什么感受...
  10. xshell对mysql的备份与恢复_windows下mysql全备份及还原(亲测可用)