Capa similar a ventana modal (JavaScript)

feram1986 · #1 (**permalink**) 18/11/2007, 11:19

Hola, que tal, tengo un problema, espero me puedan ayudar.
He desarrollado un sistema Web, y cuando realizo operaciones de ventas o compras, los formularios los abro en ventanas modales, que no permiten hacer otra cosa hasta que cierre esa ventana, pero el problema es que no se puede quitar el boton cerrar de la ventana del explorador, y si presiono no se terminaria un proceso que estoy realizando. Queria saber si se puede trabajar de una forma similar con capas en posición absolutas, que tengan el mismo efecto de la ventana modal, claro que la capa ya facilitaria que no exista el botón cerrar (oculta la capa) hasta que se termine el proceso. Si alguien pudiera ayudarme se lo agradeceria muchísimo.

.

De repente estará por ahi tunait...

feram1986 · #2 (**permalink**) 19/11/2007, 06:48

Nadie me puede ayudar????

Trilan · #3 (**permalink**) 06/05/2009, 14:18

Ya somos dos :)

Cita:

Iniciado por feram1986

Nadie me puede ayudar????

alor86 · #4 (**permalink**) 06/05/2009, 16:00

checa este ejemplo que hice solo crea la ventana ahi puedes checar el codigo y me dices si te sirve
http://ajax86.ueuo.com/ventana.htm

Trilan · #5 (**permalink**) 06/05/2009, 16:12

Claro que nos sirbe.
espero y lo publiques.

Saludos Y gracias .

Yours Trilan

[

alor86 · #6 (**permalink**) 06/05/2009, 16:21

no me habia fijado que el post esta algo viejo pero si a alguien le sirve aqui esta el codigo

Código:

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;" />
		<meta name="author" content="alor86" />
		<style type="text/css">
			#fondo{
				position:absolute;
				background: #000;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				opacity:0.25;
				filter:alpha(opacity="25");
			}
			#msg{
				position: absolute;
				background: #f0f0f0;
				top: 20%;
				left: 33%;
				width: 300px;
				height: 300px;
				border:groove 1px #000;
			}
			.superior{
				background: #0A3C7E;
				width: 100%;
				height: 30px;
				color: #fff;
			}
			.cerrar {
				font-weight: bolder;
				cursor: pointer;
				font-family: arial;
				margin: 2px 5px;
				float: right;
			}
			
		</style>
		<title>CreaVentana</title>
		<script type="text/javaScript">
			var fondo = false;
			var mensaje = false;
			function creaVentana(){
				fondo = document.createElement('div');
				mensaje = document.createElement('div');
				fondo.setAttribute('id','fondo');
				mensaje.setAttribute('id','msg');
				document.getElementsByTagName('body')[0].appendChild(fondo);
				document.getElementsByTagName('body')[0].appendChild(mensaje);
				mensaje.innerHTML="<div class='superior'><span class='cerrar' title='Cerrar' onclick='cerrar();'>X</span></div><p>aqui puedes meter el formulario</p>";		
			}
			function cerrar(){
				document.getElementsByTagName('body')[0].removeChild(fondo);
				document.getElementsByTagName('body')[0].removeChild(mensaje);	
				fondo=false;
				mensaje=false;
			}		
		</script>
	</head>
	
	<body>
		<input type="button" value="Crear ventana" onclick="creaVentana()"/>		
	</body>
</html>