JS控件:XP提示框

原创 2005年03月04日 08:14:00


/** ------------------------配置信息---------------------------------*
* //@param 1 [这里可以控制'提示框'自动关闭的时间]
* //@param 2 [在这里可以控制控件向上滚动的速度]
* //@param 3 [这里可以控制'提示框'内显示的内容]
* -----------------------------------------------------------------*/

//window.onload = js_msg_getMsg;
window.onload = js_msg_showMsg;
window.onresize = js_msg_resizeDiv;
window.onerror = function(){}


//如果“消息提示框”中有内容,则显示"消息提示框"
function js_msg_showMsg(){
    if(getCookie("js_showFlag")=="1") {
        js_msg_getMsg();
        //clearParament();
        setCookie("js_showFlag","0");
    }
}

// >>>>>>>>>>>>>>>>>> 以下为通用函数 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

//全局变量
var js_msg_divHeight,js_msg_docHeight,js_msg_objTimer,js_msg_i = 0;
//显示 "类MSN消息提示框"
function js_msg_getMsg()
{
   var divTop,divLeft,divWidth,docWidth;
   try{
       divTop = parseInt(document.getElementById("eMeng").style.top,10)
       divLeft = parseInt(document.getElementById("eMeng").style.left,10)
       js_msg_divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
       divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
       docWidth = document.body.clientWidth;
       js_msg_docHeight = document.body.clientHeight;
       document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + js_msg_docHeight + 10;// js_msg_divHeight
       document.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth
       document.getElementById("eMeng").style.visibility="visible"
       js_msg_objTimer = window.setInterval("js_msg_moveDiv()",10)
   }catch(e){}
}

//窗口改变大小时, "类MSN消息提示框"位置做调整
function js_msg_resizeDiv()
{
    var divWidth,docWidth;
    js_msg_i+=1
    if(js_msg_i>1000) js_msg_closeDiv()  //@param 1 [这里可以控制'提示框'自动关闭的时间]
    try{
        js_msg_divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
        divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
        docWidth = document.body.clientWidth;
        js_msg_docHeight = document.body.clientHeight;
        document.getElementById("eMeng").style.top = js_msg_docHeight - js_msg_divHeight + parseInt(document.body.scrollTop,10)
        document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10)
    }catch(e){}
}

//"类MSN消息提示框" 的移动
function js_msg_moveDiv()
{
   var divTop;
   try
   {
       if(parseInt(document.getElementById("eMeng").style.top,10) <= (js_msg_docHeight - js_msg_divHeight + parseInt(document.body.scrollTop,10)))
       {
          window.clearInterval(js_msg_objTimer)
          js_msg_objTimer = window.setInterval("js_msg_resizeDiv()",1)
       }
       divTop = parseInt(document.getElementById("eMeng").style.top,10)
       document.getElementById("eMeng").style.top = divTop - 1   //@param 2 [在这里可以控制控件向上滚动的速度]
   }catch(e){}
}

//"类MSN消息提示框" 的关闭
function js_msg_closeDiv()
{
   document.getElementById('eMeng').style.visibility='hidden';
   if(js_msg_objTimer) window.clearInterval(js_msg_objTimer)
}

//生成 "类MSN消息提示框" 的基本框架
function js_msg_buildDiv(){
    var titleValue = "";
    var message = getCookie("js_message");
    if(getCookie("js_titleFlag")=="0")
        titleValue = "系统提示:";
    else
        titleValue = "系统警告:";
    document.write("<DIV id='eMeng' style='BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX:99999; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 180px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 116px; BACKGROUND-COLOR: #c9d3f3'>");
    document.write("<TABLE style='BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid' cellSpacing=0 cellPadding=0 width='100%' bgColor=#cfdef4 border=0>");
    document.write("<TBODY>");
    document.write("<TR>");
    document.write("<TD style='FONT-SIZE: 12px;COLOR: #0f2c8c' width=30></TD>");
    document.write("<TD style='FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #1f336b; PADDING-TOP: 4px;PADDING-left: 4px' vAlign=center width='100%'><font color='#ff0000'>" + titleValue + "</font></TD> ");
    document.write("<TD style='PADDING-TOP: 2px;PADDING-right:2px' vAlign=center align=right width=19><span title=关闭 style='CURSOR: hand;color:red;font-size:12px;font-weight:bold;margin-right:4px;' onclick=js_msg_closeDiv()>×</span></TD>");
    document.write("</TR>");
    document.write("<TR>");
    document.write("<TD style='PADDING-RIGHT: 1px; PADDING-BOTTOM: 1px' colSpan=3 height=90>");
    document.write("<DIV style='BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 13px;FONT-SIZE: 12px; PADDING-BOTTOM: 13px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 18px;BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%'>" + message);
    document.write("<DIV></TD>");
    document.write("</TR>");
    document.write("</TBODY>");
    document.write("</TABLE>");
    document.write("</DIV>");
}

/*从cookie中读取数据*/
function getCookie(key) {
    var search = key + "=";
    var returnvalue = "";
    if (document.cookie.length > 0) {
        offset = document.cookie.indexOf(search);
        if (offset != -1) {
            offset += search.length
            end = document.cookie.indexOf(";", offset);
            if (end == -1)
                end = document.cookie.length;
            returnvalue = unescape(document.cookie.substring(offset,end))
        }
    }
    return returnvalue;
}

/*设置cookie*/
function setCookie(key,value) {
    document.cookie = key + "=" + value;
}

/*清除cookie*/
function clearCookie(key) {
    if(getCookie(key)!="")
        document.cookie = key + "=";
}
/**
 * 保存参数
 * showFlag "0" 显示系统消息 ; "1" 不显示系统消息
 * titleFlag "0" 系统消息标题为:"系统提示:" ; "1"系统消息标题为:"系统警告:"
 * message 系统消息
 */
function saveParament(showFlag,titleFlag,message) {
    setCookie("js_showFlag",showFlag);
    setCookie("js_titleFlag",titleFlag);
    setCookie("js_message",message);
}

/**
 * 清除参数
 */
function clearParament() {
    clearCookie("js_showFlag");
    clearCookie("js_titleFlag");
    clearCookie("js_message");
}

js删除提示的插件实现

做项目对数据的增删改查是必不可少的,项目组的成员负责的模块都有这个功能,如果每个人遇到删除都写一遍提示代码,那就不好维护了,保不准谁写的有错,所以,提取出来,写一个插件供大家使用。 1.jsp ...
  • ggibenben1314
  • ggibenben1314
  • 2015年06月17日 21:40
  • 829

bootstrap js插件篇——提示框、弹出框、警告框

六、提示框、弹出框、警告框 6.1提示框   6.1.1基本结构 注: 1、提示框的触发方式和前面介绍的插件略有不同,不能直接通过自定义的属性 data- 来触发,必须得依赖于JavaScri...
  • wangjiaohome
  • wangjiaohome
  • 2015年07月14日 12:02
  • 5238

js简易漂亮的提示框

js简易漂亮的提示框
  • u010407050
  • u010407050
  • 2015年07月09日 17:28
  • 1484

可自动关闭的JS消息提示框

JavaScript自动关闭窗口       //自动关闭提示框   function Alert(str) {       var msgw,msgh,bordercolor...
  • fmwind
  • fmwind
  • 2015年11月19日 11:48
  • 1973

js javascript 表单tips效果,文本框弹出提示框效果(带箭头效果与代码)

Tab or click through the fields to reveal the hints.First Name:This is the name your mama called you...
  • lukylfm
  • lukylfm
  • 2010年06月02日 15:50
  • 2982

js三种消息框总结-警告框、确认框、提示框

js消息框类别:警告框、确认框、提示框 警告框:alert("文本"); 确认框:confirm("文本"); 提示框:prompt("文本","默认值"); 一:confirm使用范例 ...
  • qq_22578855
  • qq_22578855
  • 2016年05月26日 11:44
  • 3118

【js】:js中的确认框,提示框和确认框的使用

如下三个代码,确认框是用的是var r = confirm(“press a button”); var name = prompt(“请输入您的名字”,”bill gates”) //这里的bil...
  • qq_23100787
  • qq_23100787
  • 2016年04月11日 15:21
  • 590

在.NET程序的窗体中使用XP风格的控件

在 .NET 程序的窗体中使用 XP 风格的控件 在 .NET 程序的窗体中使用 XP 风格的控件 原著:微软 Visual Studio 团队的 Seth Grossman,2002...
  • PeterPlus
  • PeterPlus
  • 2004年10月11日 11:25
  • 1147

js自定义提示框弹窗

需要使用jquery.js使用方法: tip("密码错误!"); tip("操作成功!",1);js代码如下: function tip(){var bg = '#E64340'; if(argum...
  • qf0129
  • qf0129
  • 2016年10月21日 01:55
  • 821

使用具有WIN7/XP风格的控件风格

正常建立项目,也可以在VS2010当中选择WIN7的风格先(不过这个没有效果). 建立一个文件,内容为: ...
  • demon3k
  • demon3k
  • 2012年04月08日 22:34
  • 2393
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS控件:XP提示框
举报原因:
原因补充:

(最多只允许输入30个字)