/**//*网页右下角消息提示*/ /**//**--------------------------------------------------------------------------- * browser determine; */ { var ua = navigator.userAgent; var $IE = (navigator.appName =="Microsoft Internet Explorer"); var $IE5 = $IE && (ua.indexOf('MSIE 5') !=-1); var $IE5_0 = $IE && (ua.indexOf('MSIE 5.0') !=-1); var $Gecko = ua.indexOf('Gecko') !=-1; var $Safari = ua.indexOf('Safari') !=-1; var $Opera = ua.indexOf('Opera') !=-1; var $Mac = ua.indexOf('Mac') !=-1; var $NS7 = ua.indexOf('Netscape/7') !=-1; var $NS71 = ua.indexOf('Netscape/7.1') !=-1; if ($Opera) { $IE =true; $Gecko =false; $Safari =false; } if ($IE5) { $IE =true; $Gecko =false; $Safari =false; } } function $_t(root,tag,id){ var ar=root.getElementsByTagName(tag); for (var i=0;i<ar.length;i++){ if (ar[i].id==id) return ar[i]; } returnnull; } function _(root){ var ids=arguments; var i0=0; if (typeof(root) == 'string') root = document; else i0=1; for (var i=i0;i<ids.length;i++){ var s=root.getElementsByTagName("*"); var has=false; for (var j=0;j<s.length;j++){ if (s[j].id==ids[i]){ root=s[j]; has=true; break; } } if (!has) returnnull; } return root; } //util function $dele(o,fn,rv){ var r =function (){ var s=arguments.callee; var args = []; for (var i=0;i<s.length;i++) args[i]=s[i]; var argStr = args.join(","); if (argStr.length >0) argStr=","+argStr; var callStr="s.thiz[s.fn]("+argStr+")"; var v=eval(callStr); if (s.rv!=null) { return s.rv; }else{ return v; } } r.thiz=o; r.fn=fn; r.rv=rv; return r; } function $ge(e){ if (e!=null) return e; if ($IE) { return window.event; }elsereturn e; } /**//** * get event for a element; */ function $gte(e,ev){ if (!e.getElementById) e=e.ownerDocument; if ($IE) { return ev!=null? ev : e.parentWindow.event; }else{ return ev; thrownew Error("this method can only execute in IE"); } } function $addEL(n,e,l,b){ if ($IE){ if (n["$__listener_"+e]==null){ var lst=function (e){ var f=arguments.callee; var ar=f.fList; e=$ge(e); for (var i=0;i<ar.length;i++){ ar[i](e); } } lst.fList=[]; n["$__listener_"+e]=lst; n["on"+e]=n["$__listener_"+e]; } var fList=n["$__listener_"+e].fList; fList[fList.length]=l; }else{ n.addEventListener(e,l,b); } } function $cancelEvent (e) { if ($IE) { e.returnValue =false; e.cancelBubble =true; }else e.preventDefault(); }; function $cpAttr(o,p){ for (var i in p){ var s=p[i]; o[i]=s; } return o; } function $getValue(v,d){ return v==null? d : v; } var $gv=$getValue; var $dom={ parseInt : function(s) { if (s ==null|| s == '' ||typeof(s)=='undefined') return0; return parseInt(s); }, getClientSize : function(n){ if ($IE){ //ts("this is ie"); var s={x:n.clientLeft,y:n.clientTop}; s.l=s.x; s.t=s.y; s.r=n.clientRight; s.b=n.clientBottom; s.w=n.clientWidth; s.h=n.clientHeight; //tr("calculated client size"); return s; }else{ var t=n.style; if (t.borderLeftWidth.length==0|| t.borderTopWidth.length==0|| t.borderRightWidth.length==0|| t.borderBottomWidth.length==0){ var l=n.offsetWidth; t.borderLeftWidth="0px"; l-=n.offsetWidth; var r=n.offsetWidth; t.borderRightWidth="0px"; r-=n.offsetWidth; var o=n.offsetHeight; t.borderTopWidth="0px"; o-=n.offsetHeight; var b=n.offsetHeight; t.borderBottomWidth="0px"; b-=n.offsetHeight; t.borderLeftWidth=l+"px"; t.borderTopWidth=o+"px"; t.borderRightWidth=r+"px"; t.borderBottomWidth=b+"px"; var s={l:l,r:r,t:o,b:b,x:l,y:o}; return s; }else{ var s={ x: this.parseInt(n.style.borderLeftWidth), y: this.parseInt(n.style.borderTopWidth), r: this.parseInt(n.style.borderRightWidth), b: this.parseInt(n.style.borderBottomWidth) }; s.l=s.x; s.t=s.y; return s; } } }, getSize : function (n,withMargin){ var c={ x : n.offsetWidth !=null? n.offsetWidth : 0, y : n.offsetHeight !=null? n.offsetHeight : 0 }; //c.x=this.parseInt(c.x); //c.y=this.parseInt(c.y); //tr("get size for : "+n.id); //tra(c); if (withMargin) { var m=this.getMargin(n); c.x+=m.l+m.r; c.y+=m.t+m.b; } //tra(m); //tr("get size for : "+n.id); //tra(c); return c; }, setSize : function(elmt,x,y,withMargin){ //tf("$dom::setSize"); //if (elmt==undefined || elmt.style.display=="none") return; if ($IE){ if (withMargin){ var m=this.getMargin(elmt); x-=m.l+m.r; y-=m.t+m.b; } elmt.style.width=x; elmt.style.height=y; }else{ var clientSize=this.getClientSize(elmt); var dx=clientSize.l+clientSize.r; var dy=clientSize.t+clientSize.b; elmt.style.width=x-dx+"px"; elmt.style.height=y-dy+"px"; } }, /**//** * get the context position relative to its parent. */ getPosition : function (elmt,withMargin){ var c; c={ x:elmt.offsetLeft, y:elmt.offsetTop }; //c.x=this.parseInt(c.x); //c.y=this.parseInt(c.y); if (withMargin){ var m=this.getMargin(elmt); c.x-=m.l; c.y-=m.t; } return c; }, setPosition : function (elmt,x,y,withMargin){ //tf("$dom::setPosition"); if (withMargin){ //var m=this.getMargin(elmt); //x-=m.l; //y-=m.t; } elmt.style.left=x+"px"; elmt.style.top=y+"px"; }, setAlpha : function (n,a){ return; n.style.filter ="progid:DXImageTransform.Microsoft.Alpha(opacity="+a*100+");"; n.style.opacity = a; n.style.MozOpacity = a; } } var $motion={ smooth : function (s, e, t){ if (t>1) t=1; return (e - s) * t + s; } } // this is a default config object. /**//* var $config={ width : 300, height : 200, bottom : 0, right : 10, display : true, contentUrl : "页面Url", time : { slideIn : 10, hold : 10, slideOut : 10 } } */ /**//** * PopUp class used to pop a message up. * Usage : * var pp = new PopUp(id, popup_config_obj); * pp.create(); * . * pp.show(); */ function PopUp(id, config){ this.id=id; var c =this.config = config; c.width = $gv(c.width,300); c.height = $gv(c.height,200); c.bottom = $gv(c.bottom,0); c.right = $gv(c.right,20); c.display = $gv(c.display,true); c.contentUrl= $gv(c.contentUrl,""); c.motionFunc= $gv(c.motionFunc,$motion.smooth); c.position ={x:0,y:0}; var t=c.time; t.slideIn = $gv(t.slideIn,10); t.hold = $gv(t.hold,10); t.slideOut = $gv(t.slideOut,10); t.slideIn *=1000; t.hold *=1000; t.slideOut *=1000; this.container = document.body; this.popup =null; this.content =null; this.switchButton =null; this.moveTargetPosition =0; this.startMoveTime =null; this.startPosition =null; this.status = PopUp.STOP; this.intervalHandle =null; this.mm ="max"; this.imgMin ="最小化按钮图片"; this.imgMax ="还原按钮图片"; } //static members PopUp.STOP =0; PopUp.MOVE_DOWN =1; PopUp.MOVE_UP =2; PopUp.SWITCH_TO_MIN = PopUp.MOVE_DOWN |4; PopUp.SWITCH_TO_MAX = PopUp.MOVE_UP |8; var __o={ create : function (){ var doc=document; var c=this.config; //create popup holder & config it. var p =this.popup = doc.createElement("div"); this.container.appendChild(p); p.id=this.id; p.style.cssText="position:absolute;\ z-index:9000;\ overflow:hidden;\ border:0px solid #f00;\ "; $dom.setSize(p, c.width, c.height); //create popup content holder & config it. var t =this.content = doc.createElement("div"); p.appendChild(t); t.id =this.id+"_content"; t.style.cssText="position:absolute;\ z-index:1;\ overflow:hidden;"; $dom.setSize(t, c.width, c.height); $dom.setPosition(t,0,0);//add c.position.y = c.height;//add this.onresize();//add //$dom.setPosition(t, 0, c.height);//hide it at first // create content holder's content. // a close button & an iframe for loading external content. t.innerHTML ="<a id='closeButton' href='#'></a>"+ "<a id='switchButton' href='#'></a>"+ "<iframe id='"+this.id+"_content_iframe' src="+c.contentUrl+" frameborder=0 scrolling=no width='100%' height='100%'></iframe>"; var sBtn =this.switchButton = $_t(t,'a',"switchButton"); sBtn.style.cssText='position:absolute;\ z-index:2;\ \ font-size:0px;\ line-height:0px;\ \ left:220px;\ top:6px;\ width:15px;\ height:15px;\ \ background-image:url("最小化按钮图片");'; $addEL(sBtn,"click",$dele(this,"switchMode"),true); $addEL(sBtn,"click",$cancelEvent,true); var btn = $_t(t,'a',"closeButton"); btn.style.cssText='position:absolute;\ z-index:2;\ \ font-size:0px;\ line-height:0px;\ \ left:240px;\ top:6px;\ width:15px;\ height:15px;\ \ background-image:url("关闭按钮图片");'; $addEL(btn,"mouseover",function (e){ $dom.setAlpha(this,0.4); },true); $addEL(btn,"mouseout",function (e){ $dom.setAlpha(this,1); },true); $addEL(btn,"click",$dele(this,"hide"),true); $addEL(btn,"click",$cancelEvent,true); var container=$IE ? document.body : document.documentElement; $addEL(document.body,"resize",$dele(this,"onresize"),true); this.__hackTimer=window.setInterval("__popup.onresize()",50); $addEL(container,"scroll",$dele(this,"onresize"),true); //initialize position at once. this.onresize(); }, show : function (){ if (!this.config.display) return; this.moveTargetPosition =0; this.status = PopUp.MOVE_UP; this.startMove(); }, hide : function (){ this.moveTargetPosition =this.config.height; this.status = PopUp.MOVE_DOWN; this.startMove(); }, minimize : function (){ //alert("minimize"); this.mm ="min"; this.moveTargetPosition =this.config.height -28; this.status = PopUp.SWITCH_TO_MIN; this.startMove(); var s =this.switchButton.style; var bg = s.backgroundImage; if (bg.indexOf(this.imgMin) >-1) { bg = bg.replace(this.imgMin,this.imgMax); s.backgroundImage = bg; } }, maximize : function (){ //alert("maximize"); if (!this.config.display) return; this.mm ="max"; this.moveTargetPosition =0; this.status = PopUp.SWITCH_TO_MAX; this.startMove(); var s =this.switchButton.style; var bg = s.backgroundImage; if (bg.indexOf(this.imgMax) >-1) { bg = bg.replace(this.imgMax,this.imgMin); s.backgroundImage = bg; } }, delayHide : function (){ window.setTimeout("__popup.hide()",this.config.time.hold); }, delayMin : function (){ window.setTimeout("__popup.minimize()",this.config.time.hold); }, switchMode : function (){ //alert("switch"); if (this.mm =="min"){ this.maximize(); }else{ this.minimize(); } }, startMove : function (){ this.stopMove(); this.intervalHandle = window.setInterval("__popup.move()",100); this.startMoveTime =new Date().getTime(); //this.startPosition = $dom.getPosition(this.content).y;//parseInt(this.content.style.top); this.startPosition =this.config.position.y; }, stopMove : function (){ if (this.intervalHandle !=null) window.clearInterval(this.intervalHandle); this.intervalHandle =null; }, move : function (){ var t =new Date().getTime(); t = t -this.startMoveTime; var total =this.status & PopUp.MOVE_UP ? this.config.time.slideIn : this.config.time.slideOut; var y =this.config.motionFunc(this.startPosition, this.moveTargetPosition, t/total); //this.content.style.top = y + "px"; this.config.position.y = y; this.onresize(); if (t >= total){ this.onFinishMove(); } }, onFinishMove : function (){ this.stopMove(); //this.content.style.top = this.moveTargetPosition + "px"; if (this.status == PopUp.MOVE_UP &&this.config.time.hold >0 ){ this.delayMin(); }else{ if (this.__hackTimer!=null) window.clearInterval(this.__hackTimer); } this.status = PopUp.STOP; }, onresize : function (){ var c=this.config; //var t=document.documentElement; var t=document.body; var dx=t.clientWidth + t.scrollLeft; var dy=t.clientHeight + t.scrollTop; var x = dx - c.right - c.width ; var y = dy - c.bottom - c.height + c.position.y; $dom.setPosition(this.popup, x, y); $dom.setSize(this.popup, c.width, c.height-c.position.y); } } $cpAttr(PopUp.prototype,__o); /**//*---------------------------------------*/ function readCookie(name) { var cookieValue =""; var search = name +"="; 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; cookieValue = unescape(document.cookie.substring(offset, end)) } } return cookieValue; } function writeCookie(name, value, hours) { var expire =""; if(hours !=null) { expire =new Date((new Date()).getTime() + hours *3600000); expire ="; expires="+ expire.toGMTString(); } document.cookie = name +"="+ escape(value) + expire +";path=/"; } /**//** * main function to config the pop-up window & run it. * web deployer change codes here to manipulte popups performance. * & should not change codes out of this function. */ function job(){ /**//** * config object */ var cfg={ //width & height of the popup window ,these values should be determined debpended on inner contents. width : 260, height : 190, //distance to the bottom & the right edge. bottom : 2, right : 1, //switch of displaying the popup display : true, //content url contentUrl : "页面Url", //time configuration,in seconds time : { slideIn : 1, hold : 60, slideOut : 1 } } //at what time the popup should display,in hours : 0~23, //the number after add symbol means after how many the hours to display popup for the next time. var displayTimeList = ["7+7"]; // the popup displays each time thie page reload or only once at the first time page loaded. // once / eachTime var displayMode ="once"; //var displayMode = "eachTime"; //cookie name storing the next time to display popup var cookieName="sina_blog_popup_next_display_time"; /**//** * --------------------- from here below, the codes should NOT be modified. */ var hours={}; var delays=[]; for (var i=0;i<displayTimeList.length;i++) { var o = displayTimeList[i]; var ar = o.split("+"); var t = parseInt(ar[0]); for (var m=0;m<ar.length-1;m++){ ar[m]=ar[m+1]; } hours[t]=true; for (var j=0;j<ar.length;j++){ hours[t + parseInt(ar[j])]=true; } } displayTimeList=[]; for (var i in hours){ var s = parseInt(i); if (isNaN(s)) continue; displayTimeList[displayTimeList.length]=s; } displayTimeList = displayTimeList.sort(); //alert(displayTimeList); var pp =new PopUp("xp", cfg); window.__popup=pp; pp.create(); //display: var n=readCookie(cookieName); if (displayMode=="eachTime") pp.show(); else{ var tm=new Date().getTime(); if (n==null|| tm>n) { pp.show(); //get next display time var hr=new Date().getHours(); var f =60*60*1000; var l = displayTimeList.concat(), len = l.length; for (var i =0; i < len; i++) l[len + i] = l[i] +24; for (var i =0; i < l.length && hr >= l[i]; i++); var dt =new Date(); dt.setHours(l[i] >23? l[i] -24 : l[i]); var nextTime = dt.getTime(); if (l[i] >23) nextTime += f *24 ; writeCookie(cookieName, nextTime, 24); } } } function doit(){ if (document.body ==null) { window.setTimeout(doit,500); return; } job(); } //var dbg=document.getElementById("dbg"); //window.alert=function (m){ //dbg.value+=m+"\n"; //} doit();
posted on
2007-11-19 15:36唐朝程序员
阅读(348)
评论(0)
编辑收藏举报