Code Popup banner giữa màn hình

ITZ share Code Popup banner giữa màn hình cho bạn nào cần dùng nhé

 

 

<style>

#backgroundPopup{

display:none;

position:fixed;

_position:absolute; /* hack for internet explorer 6*/

height:100%;

width:100%;

top:0;

left:0;

background:#000000;

z-index:1;

}

#popupContact{

display:none;

position:fixed;

_position:absolute; /* hack for internet explorer 6*/

height:354px;

width:530px;

 

z-index:2;

padding:7px;

font-size:13px;

}

#popupContact h1{

text-align:left;

color:#096;

background:#336633;

font-size:18px;

font-weight:700;

 

padding-bottom:2px;

margin-bottom:30px;

}

#popupContactClose{

font-size:12px;

line-height:16px;

right:6px;

top:10px;

color:#ffffff;

font-weight:700;

}

#button{

text-align:center;

margin:100px;

}

</style>

 

<script>

//kiem tra browser cho dung cookie khong

function checkBrowserEnableCookie(){

    var cookieEnabled=(navigator.cookieEnabled)? true : false

    

    //if not IE4+ nor NS6+

    if (typeof navigator.cookieEnabled=="undefined" && !cookieEnabled){

        document.cookie="testcookie"

        cookieEnabled=(document.cookie.indexOf("testcookie")!=-1)? true : false

    }

    

    if (cookieEnabled) return true;

    else return false;

}

 

//tao cookie

function createCookie(name,value,days) {

    if (days) {

        var date = new Date();

        date.setTime(date.getTime()+(days*24*60*60*1000));

        var expires = "; expires="+date.toGMTString();

    }

    else var expires = "";

    document.cookie = name+"="+value+expires+"; path=/";

}

 

//doc cookie

function readCookie(name) {    

    var nameEQ = name + "=";

    var ca = document.cookie.split(';');

    for(var i=0;i < ca.length;i++) {

        var c = ca[i];

        while (c.charAt(0)==' ') c = c.substring(1,c.length);

        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);

    }

    return "";

}

 

//xoa bo cookie

function eraseCookie(name) {

    createCookie(name,"",-1);

}

 

 

/***************************/

//@Author: Adrian "yEnS" Mato Gondelle

//@website: www.yensdesign.com

//@email: yensamg@gmail.com

//@license: Feel free to use it, but keep this credits please!                    

/***************************/

 

//SETTING UP OUR POPUP

//0 means disabled; 1 means enabled;

var popupStatus = 0;

 

//loading popup with jQuery magic!

function loadPopup(){

    //loads popup only if it is disabled

    if(popupStatus==0){

        $("#backgroundPopup").css({

            "opacity": "0.8"

        });

        $("#backgroundPopup").fadeIn("slow");

        $("#popupContact").fadeIn("slow");

        popupStatus = 1;

    }

}

 

//disabling popup with jQuery magic!

function disablePopup(){

    //disables popup only if it is enabled

    if(popupStatus==1){

        $("#backgroundPopup").fadeOut("slow");

        $("#popupContact").fadeOut("slow");

        popupStatus = 0;

    }

}

 

//centering popup

function centerPopup(){

    //request data for centering

    var windowWidth = document.documentElement.clientWidth;

    var windowHeight = document.documentElement.clientHeight;

    var popupHeight = $("#popupContact").height();

    var popupWidth = $("#popupContact").width();

    //centering

    $("#popupContact").css({

        "position": "absolute",

        "top": windowHeight/2-popupHeight/2,

        "left": windowWidth/2-popupWidth/2

    });

    //only need force for IE6

    

    $("#backgroundPopup").css({

        "height": windowHeight

    });

    

}

 

 

//CONTROLLING EVENTS IN jQuery

$(document).ready(function(){

    

    //LOADING POPUP

    //centering with css

    centerPopup();

    //load popup

    loadPopup();

    //Click the button event!

    $("#button").click(function(){

        //centering with css

        centerPopup();

        //load popup

        loadPopup();

    });

                

    //CLOSING POPUP

    //Click the x event!

    $("#popupContactClose").click(function(){

        disablePopup();

    });

    //Click out event!

    $("#backgroundPopup").click(function(){

        //disablePopup();

    });

    //Press Escape event!

    $(document).keypress(function(e){

        if(e.keyCode==27 && popupStatus==1){

            disablePopup();

        }

    });

 

});

</script>

 <script language="javascript" type="text/javascript">

       var popup_area = "";

       var linkimg="{$url}upload/ads/{$popup.photo}";

       var linkurl="{$popup.link}";

       popup_area += "<div id=\"popupContact\"><div><a id=\"popupContactClose\" href=\"#\">[x] Ðóng lại</a></div>";

       popup_area += "<a href="+linkurl+" target=\"_blank\"><img src="+linkimg+" width=630 alt=\"\" /></a>";

       popup_area += "</div><div id=\"backgroundPopup\"></div>";

       //if (readCookie('open_popup') == ""){

       //createCookie('open_popup', '1', 1);

       document.write(popup_area);

       //}

    </script>