重写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 ...
随机推荐
- CSS中cursor属性给标签加上小手形状
HTML/CSS 2012-08-10 CSS,标签 我们发现a标签在网页中有一个值得注意的地方,即鼠标移到a标签上光标会变成一只小手的图标,移出a标签后又恢复为默认箭头. 如今,JS在网页中的功能越 ...
- leetcode 之Single Number(14)
这题并不难,但需要注意细节. ListNode* addTwo(ListNode *l1, ListNode *l2) { ListNode dummy(-); ; ListNode *prev = ...
- linux命令(5):netstat命令
网络监控:netstat –in [显示所有配置接口的状态] 查看端口状态:netstat -anlp | grep 8080 [显示8080端口列出的监听状态] 查看某个进程软件名:netstat ...
- BNU - 49102
进化之地(Evoland) Time Limit: 1000ms Case Time Limit: 1000ms Memory Limit: 65536KB 64-bit integer IO for ...
- jenkins构建触发器定时任务Build periodically和Poll SCM【转载】
转至博客:上海-悠悠 前言 跑自动化用例每次用手工点击jenkins出发自动化用例太麻烦了,我们希望能每天固定时间跑,这样就不用管了,坐等收测试报告结果就行. 一.定时构建语法 * * * * * ( ...
- 《逐梦旅程 WINDOWS游戏编程之从零开始》笔记7——DirectInput&纹理映射
第15章 DirectInput接口 DirectInput作为DirectX的组件之一,依然是一些COM对象的集合.DirectInput由IDirectinput8.IDirectInputDev ...
- electron 编译 sqlite3避坑指南---尾部链接有已经编译成功的sqlite3
electron 编译 sqlite3避坑指南(尾部链接有已经编译成功的sqlite3) sqlite很好用,不需要安装,使用electron开发桌面程序,sqlite自然是存储数据的不二之选,奈何编 ...
- CentOS 6.4 系统上如何安装 tomcat 8
CentOS 6.4 系统上如何安装 tomcat 8 本文将详细讲解在Linux系统上如何安装tomcat,tomcat是没有32位和64位之分的. 1.下载tomcat 首先我们肯定要先下载tom ...
- TCP连接复用
转自网络:看到一陌生名词,记录一下 TCP连接复用技术通过将前端多个客户的HTTP请求复用到后端与服务器建立的一个TCP连接上.这种技术能够大大减小服务器的性能负载,减少与服务器之间新建TCP连接所带 ...
- 转:x64与x86的改变
http://tieba.baidu.com/p/1250470248 x64与x86的改变 硬件要求就是64位的CPU.操作系统也必须是64位的,如果在64位的CPU上安装了32位的操作系统,就算编 ...