Foros del Web » Creando para Internet » HTML »

Cargando/Procesando pagina...

Estas en el tema de Cargando/Procesando pagina... en el foro de HTML en Foros del Web. Saludos... Tengo una aplicacion Web dinamica (hecha en java struts2), bueno la pregunta es que cuando hago el submit en los formularios deseo que aparezca ...
  #1 (permalink)  
Antiguo 18/09/2009, 09:16
 
Fecha de Ingreso: junio-2008
Mensajes: 11
Antigüedad: 9 años, 6 meses
Puntos: 0
Pregunta Cargando/Procesando pagina...

Saludos...
Tengo una aplicacion Web dinamica (hecha en java struts2), bueno la pregunta es que cuando hago el submit en los formularios deseo que aparezca un fondo oscuro en toda la pantalla (con un LightBox + o -) con un mensaje o imagen que indique que se esta procesando, esto para bloquear por si el usuario quiere hacer click en algun lugar, por si acaso utilizo frames (cabecera, menu, principal).

Ya probe este tipo de codigo, pero no me bloquea todo.

Código:
<html>
<head>
<script type="text/javascript">
function confirmar(frm) {
  if (!confirm('Seguro')) return false;
  frm.enviar.disabled=true;
  document.getElementById('envio').style.display = 'block';
}
</script>
</head>
<body>
<form onsubmit="return confirmar(this)">
<p id="envio" style="display:none">Procesando...</p>
<input type="submit" name="enviar" />
</form>
</body>
</html>
gracias por sus comentarios de antemano.

Javi :)
  #2 (permalink)  
Antiguo 21/09/2009, 08:37
 
Fecha de Ingreso: junio-2008
Mensajes: 11
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Cargando/Procesando pagina...

Encontre esto:

Código:
<html>
<body onLoad="habilitarPagina();" style="margin:0px;">
<script>
function habilitarPagina() {
	document.getElementById('capa_cargando').style.visibility = 'hidden';
	document.getElementById('capa_principal').style.opacity = 1;
}
</script>
<style>
	.clase_principal {alpha( opacity = 50 );opacity:0.5;}
	.clase_cargando {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
	}
</style>
<div id="capa_principal" class="clase_principal">
	<!-- toda la página principal empieza aqui -->
	<iframe style="border:0px; width:100%; height:100%;" src="ALGUNA PAGINA O DIRECCION WEB"></iframe>
	<!-- aquí termina toda la página principal -->
</div>
<div id="capa_cargando" class="clase_cargando">
	<div style="position:absolute; top:250px; left:350px; width:200px; height:20px; border:1px solid #FF6666;background-color:#000000;color:#FFFFFF; text-align:center;">
		<b>cargando...</b>
	</div>
</div>
</body>
</html>
Pero solo funciona en Firefox y lo que no se es como hacer cuando uso Frames.

Nuevamente les pido su ayuda. Gracias

Javi
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:36.