Crear modal box con jquery y efecto fade in/out

[neodani]

Conseguido

Se tiene que modificar del css anterior esta propiedad

Código CSS:

#popupContact{
    display: none;
    position: fixed;
    _position: fixed; /* necesario para internet explorer 6*/
    width: 420px;
    height: 370px;
    margin-top: -195px;
    margin-left: -210px;
    top: 50%;
    left: 50%;
    background: #FFFFFF;
    border: 12px solid #cecece;
    z-index: 2;
    padding: 12px;
    font-size: 13px;
}
 

Podemos eliminar la función, ya que se realiza desde el css

Código Javascript:

function centerPopup() {
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $("#popupContact").height();
    var popupWidth = $("#popupContact").width();
    /*$("#popupContact").css({
        "position": "fixed",
        "top": windowHeight / 2 - popupHeight / 2,
        "left": windowWidth / 2 - popupWidth / 2
    });*/
    $("#backgroundPopup").css({
        "height": windowHeight
    });
};
 

Ojo con la linea donde se llama
centerPopup();

Lo que falta ahora mayid, es disponer de dos botones distintos, y que los dos abrán una pop-up distinta. Reutilizando el código... a ver de que manera, porque no lo veo.

Es posible que tengamos que definir una especie de función a la cual se le pase el ID de la modal que queremos abrir?

Casi lo tenemos :P

Saludos!