﻿window.DivAlert = function(txt,iWidth,iHeight)
{          
    var shield = document.createElement("DIV");
    shield.id = "shield";
    shield.style.position = "absolute";
    shield.style.left = "0px";
    shield.style.top = "0px";    
    shield.style.width =document.body.scrollWidth ;
    
    if(document.body.scrollHeight>=document.body.clientHeight)
    {
        shield.style.height =document.body.scrollHeight+19;  
    }
    else
    {
        shield.style.height ="100%";  
    }
    
    
    shield.style.background = "#000";
    shield.style.textAlign = "center";
    shield.style.zIndex = "10000";
    shield.style.filter = "alpha(opacity=0)";
    
    var alertFram = document.createElement("DIV");
    alertFram.id="alertFram";
    alertFram.style.position = "absolute";   
    alertFram.style.width = iWidth;
    alertFram.style.height = iHeight;  
    
    //负边界居中法,相对于shield层的底部时    
    alertFram.style.right = "50%";
    alertFram.style.bottom = "50%";    
    alertFram.style.marginRight = "-"+iWidth/2+"px";// "-125px";
    alertFram.style.marginBottom = ""+iHeight/2+"px";// "-125px";    
  
    alertFram.style.background = "#000";
    alertFram.style.textAlign = "center";
    alertFram.style.lineHeight = "150px";
    alertFram.style.zIndex = "10002";
    strHtml = "<ul style=\"list-style:none;margin:0px;padding:0px;width:100%\">\n";
    strHtml += "<li onmousedown=\"oMove(parentNode.parentNode);\" title=\"移动\" style=\"cursor:move;background:#658bb2;text-align:left;padding-left:5px;font-size:14px;font-weight:bold;color: #FFFFFF;height:25px;line-height:25px;border:1px solid #658bb2;\">[提示……]</li>\n";
    strHtml += "<li style=\"background:#ffffff;text-align:center;vertical-align:bottom;font-size:12px;color: #000000;height:120px;line-height:18px;border:1px solid #658bb2;\">";
    strHtml +="<table border=0>";
    strHtml +="<tr><td style=text-align:left;padding-top:40px;font-size:14px;>";
    strHtml +=txt;
    strHtml +="</td></tr></table>";
    strHtml +="</li>\n";
    strHtml += "<li style=\"background:#658bb2;text-align:center;font-weight:bold;height:25px;line-height:25px;border:1px solid #658bb2;\"><input type=button value=' 关闭 ' onclick=\"remove()\"></li>\n";
    strHtml += "</ul>\n";
    alertFram.innerHTML = strHtml;
    document.body.appendChild(alertFram);
    document.body.appendChild(shield);

    var c = 0;
    this.doAlpha = function(){
        if (c++ > 50){clearInterval(ad);return 0;}
        shield.style.filter = "alpha(opacity="+c+");";
    }
this.remove=function(){
     alertFram.innerHTML="";
   shield.style.filter = "";
   shield.id = "";
   shield.style.position = "";
   shield.style.left = "";
   shield.style.top = "";
   shield.style.width = "";
   shield.style.height ="";
   shield.style.background = "";
   shield.style.textAlign = "";
   shield.style.zIndex = "";
   shield.style.filter = "";
   alertFram.id="";
   alertFram.style.position = "";
   alertFram.style.left = "";
   alertFram.style.top = "";
   alertFram.style.marginLeft = "";
   alertFram.style.marginTop = "";
   alertFram.style.width = "";
   alertFram.style.height = "";
   alertFram.style.background = "";
   alertFram.style.textAlign = "";
   alertFram.style.lineHeight = "";
   alertFram.style.zIndex = "";
}
var ad = setInterval("doAlpha()",10);
    alertFram.focus();
    document.body.onselectstart = function(){return false;};
}
function oMove(obj){
var otop,oleft;
otop = event.y - obj.offsetTop;
oleft = event.x - obj.offsetLeft;
obj.setCapture();
obj.onmousemove = function()
{
   obj.style.left = event.x - oleft;
   obj.style.top = event.y - otop;
}
obj.onmouseup = function()
{
   obj.onmousemove = null;
   obj.style.filter = null;
   obj.releaseCapture();
}
}
