/**--------------------------------------------------------------------------- * 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 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; } else return 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; throw new 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;i1) 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 : "asd.htm", 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 = "images/min.gif"; this.imgMax = "images/max.gif"; } //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 = ""+ ""+ ""; 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:3px;\ width:15px;\ height:15px;\ \ background-image:url("images/min.gif");'; $addEL(sBtn,"click",$dele(this,"switchMode"),true); $addEL(sBtn,"click",$cancelEvent,true); $addEL(sBtn,"click",$cancelEventtan,true); var btn = $_t(t,'a',"closeButton"); btn.style.cssText='position:absolute;\ z-index:2;\ \ font-size:0px;\ line-height:0px;\ \ left:238px;\ top:3px;\ width:15px;\ height:15px;\ \ background-image:url("images/close.gif");'; $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); $addEL(btn,"click",$cancelEventtan,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 - 20; 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) { } 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 : 256, height : 159, //distance to the bottom & the right edge. bottom : 1, right : 1, //switch of displaying the popup display : true, //content url contentUrl : "asd.htm", //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;in) { pp.show(); //get next display time } } } 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(); function neoneo() { //if (document.all){ window.onload = job; //} } neoneo();