lightbox

[pato12]

Hola,
Nesesito un lightbox ( no se si se llama lightbox ) para abrir un formulario traido de otro archivo ( enva.php ) y no se como hacerlo.
Gracias
Salu2

[GatorV]

Tema trasladado a Frameworks.

[pato12]

Hola GatorV,
Perdon, yo no sabia q eso era en Frameworks porque yo lo buscaba en ajax.
Gracias
Salu2

[pato12]

Problema solucionado, ya lo ise:

Código HTML:

<style type="text/css">
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color:#333333;
	opacity:0.95; filter:alpha(opacity="65");
	display: none;
	}
#form_ver {
	position:absolute;
	left:197px;
	top:26px;
	width:525px;
	height:344px;
	z-index:91;
	background-color: #FFFFFF;
	border: thin solid #999999;
	display: none;
}
#cerrar {
	position:absolute;
	left:197px;
	top:3px;
	width:525px;
	height:23px;
	z-index:92;
	background-color: #999999;
	border: thin solid #999999;
	display: none;
}
</style>
<script>
	 function getXMLHttpRequest(){
                var aVersions = [ "MSXML2.XMLHttp.5.0",
                        "MSXML2.XMLHttp.4.0","MSXML2.XMLHttp.3.0",
                        "MSXML2.XMLHttp","Microsoft.XMLHttp"
                ];

                if (window.XMLHttpRequest){
                        // para IE7, Mozilla, Safari, etc: que usen el objeto nativo
                        return new XMLHttpRequest();
                }else if (window.ActiveXObject){
                        // de lo contrario utilizar el control ActiveX para IE5.x y IE6.x
                        for (var i = 0; i < aVersions.length; i++) {
                                try {
                                    var oXmlHttp = new ActiveXObject(aVersions[i]);
                                    return oXmlHttp;
                                }catch (error) {
                                //no necesitamos hacer nada especial
                                }
                    }
                }
        }

//////////////////////////////////////

        function form(){
            var par = "r="+Math.random();
            var url = "envia.php";
                var ajax = getXMLHttpRequest();
            ajax.open("POST",url,true);
            ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
                ajax.onreadystatechange  = respuesta;
            ajax.send(par);                
                function respuesta(){
				var Layer1 = document.getElementById("form_ver");
                        if (ajax.readyState==4){
                                if (ajax.status==200){
                                        Layer1.innerHTML=ajax.responseText;
                          
                    }
                  }else{
					Layer1.innerHTML="Cargando...";
				  }
                }
        }
//////////////////////////////////////
function show(){
var form_ver = document.getElementById("form_ver");
var cerrar = document.getElementById("cerrar");
document.getElementById("overlay").style.display = 'block';
form_ver.style.display = 'block';
cerrar.style.display = 'block';
form_ver.innerHTML="Cargando...";
form();
}
function clos(){
var form_ver = document.getElementById("form_ver");
var cerrar = document.getElementById("cerrar");
document.getElementById("overlay").style.display = 'none';
form_ver.style.display = 'none';
cerrar.style.display = 'none';
}
</script><div id="overlay" onClick="javascript:clos();" title="Cick para cerrar"></div>
<div id="form_ver"></div>
<div id="cerrar"><a href="javascript:clos();" title="Cick para cerrar">[ Cerrar ]</a></div>
<a href="javascript:show();">Abrir form</a>