js 自定义对话框

test.htm

   
        
        css" rel="stylesheet" type="text/css">
   
            
        

        open
        open
        
   

MessageBox.css
#MessageBoxBackground{
               
                background-color:#eeeeee;position:absolute;
                left:0px;top:0px;
                filter:alpha(opacity=70);
               
            }
            
            #MessageBox{
               
                /* left:300px;
                */
               
                background-color:#eeeeee;
                z-index:10000;
                position:absolute;
                padding:0px;
                border-left:2px solid #ffffff;
                border-top:2px solid #ffffff;
                border-bottom:2px solid gray;
                border-right:2px solid gray;
            }
            #MessageBoxTop{
                background-color:#0066FF;
            }
            #MessageBoxTitle{
                font-size:14pt;
                font-family:"华文新魏";
                color:#dddddd;
            }
            #MessageBox_CloseButton{
               
               
   
               
            }
            #MessageBoxBody, #MessageBoxBody td{
                background-color:#eeeeee;
                height:100%;
                padding:4px;
               
                font-size:9pt;
               
            }
            #MessageBox_CloseButton a:link,#MessageBox_CloseButton a:visited{
                text-decoration:none;
     color:#CCCCCC;
            }
MessageBox.js
function $(strid){
                return document.getElementById(strid);
            }
            function MessageBox_createDivs(){
                document.write(' ");
                document.write(" ");
            }
            function MessageBox_setSize(){
                // for(i=0;i<100;i++){ document.write("
"); }
                var bg=document.getElementById("MessageBoxBackground");
                var scroll_top=document.body.scrollTop;
                var scroll_left=document.body.scrollLeft;
                var scroll_width=document.body.offsetWidth;
                var scroll_height=document.body.offsetHeight;
                bg.style.px";
                bg.style.px";
                $("MessageBoxBackground").style.display='none';
                $("MessageBox").style.display='none';
            }
            function MessageBox_init(){
                MessageBox_createDivs();
                MessageBox_setSize();
            }
            function MessageBox_show(){
                var scroll_top=document.body.scrollTop;
                var scroll_left=document.body.scrollLeft;
                var scroll_width=document.body.offsetWidth;
                var scroll_height=document.body.offsetHeight;
                var messageBox_MessageBox').style.width;
                var messageBox_left=(scroll_width-400)/2;
                //alert(scroll_width+","+messageBox_width+"");
                document.getElementById('MessageBoxBackground').style.display='';
                document.getElementById('MessageBox').style.display='';
                $("MessageBox").style.left=messageBox_left+"px";
            }
            function MessageBox_hide(){
                document.getElementById('MessageBoxBackground').style.display='none';
                document.getElementById('MessageBox').style.display='none';
               
            }
            function MessageBox_setTitle(title){
                $("MessageBoxTitle").innerHTML=title;
            }
            function MessageBox_setBody(body){
                $("MessageBoxBody").innerHTML=body;
            }
            function MessageBox_addChild(strChild){
                var objChild=$(strChild);
                var obj=$("MessageBoxBody");
                obj.innerHTML=objChild.innerHTML;
                //obj.appendChild(objChild);
            }
            function MessageBox_showDialog(title,div_id){
                MessageBox_setTitle(title);
                MessageBox_addChild(div_id);
                MessageBox_show();
            }
            function MessageBox_showDialogText(title,message){
                MessageBox_setTitle(title);
                MessageBox_setBody(message);
                MessageBox_show();
            }
            MessageBox_init();
下面是一个一体化的:
MsgBack.htm

   
        
        
        
        
   
            
        
        
        

            
               
            

用户名:
密码:

            
        

        open
        open