Harde之家

<div id="msgPopupLayoutBg"></div>
<div id="msgPopupLayout">
    <div id="msgPopupLayoutInner">
        <div class="msgPopupLayoutTitle">我是标题</div>
        <div class="msgPopupLayoutContent">
            <p id="msgPopupLayoutContent">Message Content</p> 
            <div class="msgPopupLayoutClose">
                <input type="button" value="確定" class="base_font_size2" onclick="mbCommon.hideMsgPopupLayout();" />
            </div>
        </div>
    </div>
</div>

/* Msg Popup Layout Start*/
#msgPopupLayoutBg
{
    position:absolute;
    top:0;
    left:0;
    background:#333;
    width:100%;
    height:100%;
    filter:Alpha(Opacity=30);
    -moz-opacity:0.5;
    opacity:0.5;
    display:none;
    z-index:100;
}
#msgPopupLayout 
{
    position:absolute;
    top:30%;
    left:10%;
    width:80%;
    display:none; 
    padding:8px;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F777777', endColorstr='#7F777777'); 
    background:rgba(85,85,85,0.5); 
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); 
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7); 
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
    z-index:1000;
}
.msgPopupLayoutTitle 
{
    position:relative; 
    height:28px; 
    padding:0 20px 0 10px; 
    background:#3A6EA5; 
    color:#fff; 
    font-size:14px; 
    line-height:28px; 
    border-style:solid; 
    border-width:1px; 
    border-color:#4E84C0 #4780BE #0D1D3C #4780BE; 
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); 
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7); 
    text-shadow:0 1px 0 #000; 
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
}
.msgPopupLayoutContent 
{
    padding:5px; 
    background:#fff; 
    overflow:hidden;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); 
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7); 
    /*text-shadow:0 1px 0 #000; */
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);	
}
.msgPopupLayoutClose{text-align:center;}
/* Msg Popup Layout End*/

function showMsgPopupLayout(popupContent)
    {
        $M('#msgPopupLayoutContent').html(popupContent);
        document.getElementById("msgPopupLayout").style.top = mbCommon.scrollY()+mbCommon.windowHeight()/2-document.getElementById("msgPopupLayout").clientHeight/2+"px";
        document.getElementById("msgPopupLayoutBg").style.top = mbCommon.scrollY();
 
 
        var _scrollWidth = document.body.scrollWidth;
        var _scrollHeight = document.body.scrollHeight;
        document.getElementById("msgPopupLayoutBg").style.width = _scrollWidth + "px";
        document.getElementById("msgPopupLayoutBg").style.height = _scrollHeight + "px";
 
 
        $M('#msgPopupLayout').show();
        $M("#msgPopupLayoutBg").show();
        return false;
    }
function hideMsgPopupLayout()
    {
        $M('#msgPopupLayout').hide();
        $M("#msgPopupLayoutBg").hide();
        return false;
    };
function pageY(elem){
      return elem.offsetParent? elem.offsetTop+pageY(elem.offsetParent) : elem.offsetTop;
    };
function scrollY(){  
        var de=document.documentElement;  
        return self.pageYOffset||(de&&de.scrollTop)||document.body.scrollTop;
    };
function windowHeight() {  
        var de = document.documentElement;  
        return self.innerHeight||(de && de.offsetHeight)||document.body.offsetHeight;
    }

/**
  * The Default Mobile data connection. When active, all data traffic
  * will use this connection by default. Should not coexist with other
  * default connections.
  */
  public static final int TYPE_MOBILE = 0;

/**
  * An MMS-specific Mobile data connection. This connection may be the
  * same as TYPE_MOBILE but it may be different. This is used
  * by applications needing to talk to the carrier's Multimedia Messaging
  * Service servers. It may coexist with default data connections.
  */
  public static final int TYPE_MOBILE_MMS = 2;

/**
  * A SUPL-specific Mobile data connection. This connection may be the
  * same as {@link #TYPEMOBILE} but it may be different. This is used
  * by applications needing to talk to the carrier's Secure User Plane
  * Location servers for help locating the device. It may coexist with
  * default data connections.
  * {@hide}
  */
  public static final int TYPE_MOBILE_SUPL = 3;

/**
  * A DUN-specific Mobile data connection. This connection may be the
  * same as {@link #TYPEMOBILE} but it may be different. This is used
  * by applicaitons performing a Dial Up Networking bridge so that
  * the carrier is aware of DUN traffic. It may coexist with default data
  * connections.
  */
  public static final int TYPE_MOBILE_DUN = 4;

/**
  * A High Priority Mobile data connection. This connection is typically
  * the same as {@link #TYPEMOBILE} but the routing setup is different.
  * Only requesting processes will have access to the Mobile DNS servers
  * and only IP's explicitly requested via {@link #requestRouteToHost}
  * will route over this interface.
  *{@hide}
  */
  public static final int TYPE_MOBILE_HIPRI = 5;