重写alert方法完成类似gmail的友好提示
当在网页中调用aelrt()方法的时候,系统会自动显示友好的提示方式 。
下面是css样式控制代码:
/*------------------------------------------------------------------------------------*/
/*
以下css完成圆弧矩形
*/
.rno {
BACKGROUND: #fad163 ; COLOR: #000
}
.rno .rnd1 {
BACKGROUND: #fad163 ; COLOR: #000
}
.rno .rnd2 {
BACKGROUND: #fad163 ; COLOR: #000
}
B.rnd {
DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: #fff
}
B.rnd B {
DISPLAY: block; OVERFLOW: hidden; HEIGHT: 1px
}
B.rnd1 {
MARGIN: 0px 2px
}
B.rnd2 {
MARGIN: 0px 1px
}
.nm {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 1px; PADDING-TOP: 0px
}
/*------------------------------------------------------------------------------------*/
下面是javascript代码:
/**
重写window.alert(),想要调用原来的alert()方法可以用window._alert()
在要显示提示信息的地方加入:<a id="_alert" />然后就可以直接调用alert(message)
如果没有在页面中加入<a id="_alert" />,则alert()方法仍然会采用弹出对话框的形式显示信息
**/
if(typeof(window._alert)=="undefined"){
//保存系统的alert()
window._alert = window.alert;
window.alert = function(){
var obj = getObject('_alert');
if(obj==null){
if(arguments.length==0){
_alert();
}else{
_alert(arguments[0].toString());
}
}else{
obj.innerHTML="";
if(arguments.length>0){
var content = "<font style="text-align:center; color:#000000; font-size:14px; font-weight:bold;">"
+arguments[0]
+" <a style="font-size:12px; cursor:hand;" onClick="this.parentElement.parentElement.parentElement.parentElement.style.display='none'">隐藏</a></font>";
obj.innerHTML = getDiv(content);
}
}
function getDiv(content){
var div = "";
div+="<DIV style='PADDING-BOTTOM: 4px' align=center>";
div+="<TABLE class=rno cellSpacing=0 cellPadding=0>";
div+="<TBODY>";
div+="<TR>";
div+="<TD>";
div+="<B class=rnd>";
div+="<B class=rnd1></B>";
div+="<B class=rnd2></B>";
div+="</B>";
div+="</TD>";
div+="<TR>";
div+="<TD class=nm>"+content+"</TD>";
div+="<TR>";
div+="<TD>";
div+="<B class=rnd>";
div+="<B class=rnd2></B>";
div+="<B class=rnd1></B>";
div+="</B>";
div+="</TD>";
div+="</TR>";
div+="</TBODY>";
div+="</TABLE>";
div+="</DIV>";
return div;
}
};
}
重写alert方法完成类似gmail的友好提示的更多相关文章
- JS重写alert,保证弹窗错误的友好性
// ------------------------------------------------------------- // 重写alert,保证弹窗错误的友好性 var j_oldAler ...
- 重写alert方法,去掉地址显示
//重写alert方法,去掉地址显示window.alert = function(name){ var iframe = document.createElement("IFRAME&qu ...
- 重写alert 方法(我胡汉三又回来了)
window.alert = function (txt) { var shield = document.createElement("DIV"); shield.id = &q ...
- Alert方法重写
在正规项目中,总感觉alert框是非常难看的,但是有的时候又必须添加alert框来给用户一种警醒,废话不多说,先上图
- 重写Alert和confirm方法去除地址显示
//重写alert方法,去掉地址显示window.alert = function(name){var iframe = document.createElement("IFRAME&quo ...
- Cef 重写alert与confirm弹窗
在使用form内嵌cef浏览本地页面的时候,如果出现alert弹窗,会在标题栏显示页面所在目录.所以想起来重写alert的样式,通过MessageBox进行提示,或者自己写一个弹窗. 以下代码基于 3 ...
- 重写ajax方法实现异步请求session过期时跳转登录页面
jQuery(function($){ // 备份jquery的ajax方法 var _ajax=$.ajax; // 重写ajax方法, $.ajax=function(opt){ var _suc ...
- 重写$.ajax方法
/*重写Jquery中的ajax 封装壳*/ $(function () { (function ($) { //首先备份下jquery的ajax方法 var _ajax = $.ajax; //重写 ...
- 重写ajax方法实现请求session过期时跳转登录页面
jQuery(function($){ var _ajax=$.ajax; // 备份jquery的ajax方法 $.ajax=function(opt){ var _success = opt &a ...
随机推荐
- java中的抽象方法与抽象类
在继承时,会遇到一个问题.如果很多子类都要继承父类的一个方法,但是实现的逻辑都不一样. 这时候父类只提供了方法名,但是没有具体的方法体. 例如,男孩类和女孩类都继承人类这一个父类.人类有爱好这个方法, ...
- POJ 1733 Parity game(带权并查集)
题目链接:http://poj.org/problem?id=1733 题目大意:给你m条信息,每条信息告诉你区间l~r的1的个数是奇数还是偶数,如果后面出现信息跟前面矛盾则这条信息是错误的,问在第一 ...
- [转] Socket心跳包异常检测的C语言实现,服务器与客户端代码案例
转载自:zxh2075的专栏 在Socket心跳机制中,心跳包可以由服务器发送给客户端,也可以由客户端发送给服务器,不过比较起来,前者开销可能较大.本文实现的是由客户端给服务器发送心跳包,服务器不必返 ...
- 下载安装go插件包报错fatal: unable to access 'https://github.com/golang/tools.git/': OpenSSL SSL_read: SSL_ERROR_SYSCALL, errno 10054
使用git命令来给vscode安装go插件的时候报错,如下: $ git clone https://github.com/golang/tools.git tools Cloning into 't ...
- 爬虫基础库之requests
requests Python标准库中提供了:urllib.urllib2.httplib等模块以供Http请求,但是,它的 API 太渣了.它是为另一个时代.另一个互联网所创建的.它需要巨量的工作, ...
- Ubuntu 16.04 apt-get搭建LAMP环境
本文重点介绍在Ubuntu中使用apt-get安装LAMP(Ubuntu 16.04,Apache2.4.18,mysql5.7.12,php7.0.4)环境,所以不再介绍如何安装Ubuntu. 安装 ...
- .NET对IO的基本操作集合
分享一下对IO的基本使用,很简单的东西,不需要记住,用的时候看一下就可以了. 个人对IO的使用很少,记录日志,保存一些数据,保存文件,其他的基本上很少用到,做商城类的项目应该会用到很多 1.先配置一下 ...
- 6.Spark streaming技术内幕 : Job动态生成原理与源码解析
原创文章,转载请注明:转载自 周岳飞博客(http://www.cnblogs.com/zhouyf/) Spark streaming 程序的运行过程是将DStream的操作转化成RDD的操作, ...
- Power BI连接至Mogo Altas Connector For BI
我需要使用Power BI连接至Connector For BI ,现在Connect For BI存放在Mongo Atlas中,详细的来自于官方文档,https://docs.atlas.mong ...
- BotFramework Nodejs示例
关于Bot Framework知识,可以参考<Nodejs Bot学习> 本文是根据bot framework sample<https://github.com/Microsoft ...