js 实现简单的Dialog

最新推荐文章于 2023-02-07 00:41:42 发布

chuangquliu4934

最新推荐文章于 2023-02-07 00:41:42 发布

阅读量368

点赞数

原文链接：https://my.oschina.net/wangwei418/blog/793766

版权

              var msgw,msgh,bordercolor;
              msgw=dwidth;
              msgh=dheight;
              titleheight=25;
              bordercolor="#BFEFFF";
              titlecolor="#99CCFF";
              var sWidth,sHeight;
              sWidth=document.body.offsetWidth;
              sHeight=document.body.scrollHeight;
              var bgObj=document.createElement("div");
              bgObj.setAttribute('id','bgDiv');
              bgObj.style.position="absolute";
              bgObj.style.top = "0";
              bgObj.style.left = "0";
              bgObj.style.background="#777";
              bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
              bgObj.style.opacity="0.6";
              bgObj.style.width=sWidth + "px";
              bgObj.style.height=sHeight + "px";
              bgObj.style.Zindex="1";
              document.body.appendChild(bgObj);
              var msgObj=document.createElement("div");
              msgObj.setAttribute("id","msgDiv");
              msgObj.setAttribute("align","center");
              msgObj.style.background="white";
              msgObj.style.border="1px solid " + bordercolor;
              msgObj.style.position = "absolute";
              msgObj.style.left = posx+"px";
              msgObj.style.top = posy+"px";
              msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
              //msgObj.style.marginLeft = "-225px" ;
              //msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";
              msgObj.style.width = msgw + "px";
              msgObj.style.height =msgh + "px";
              msgObj.style.textAlign = "center";
              msgObj.style.lineHeight ="25px";
              msgObj.style.zIndex="9999";
              var title=document.createElement("div");
              title.setAttribute("id","msgTitle");
              title.setAttribute("align","right");
              title.style.margin="0";
              title.style.padding="3px";
              title.style.background=bordercolor;
              title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
              title.style.opacity="0.75";
              title.style.border="1px solid " + bordercolor;
              title.style.height="18px";
              title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
              title.style.color="white";
              title.style.cursor="pointer";
              title.title = "close";
              title.innerHTML="<table width='100%'><tr><td align='left'><b>"+ strTitle +"</b></td><td align='right'><b>Close</b></td></tr></table>";
              title.οnclick=function(){
                  document.body.removeChild(bgObj);
                  document.getElementById("msgDiv").removeChild(title);
                  document.body.removeChild(msgObj);
                  };
              document.body.appendChild(msgObj);
              document.getElementById("msgDiv").appendChild(title);
              var txt=document.createElement("div");
              txt.style.margin="1em";
              txt.setAttribute("id","msgTxt");
              txt.innerHTML=strContent;
              document.getElementById("msgDiv").appendChild(txt);
       }

转载于:https://my.oschina.net/wangwei418/blog/793766