Ver Mensaje Individual
  #3 (permalink)  
Antiguo 20/06/2008, 11:33
Avatar de gepd
gepd
 
Fecha de Ingreso: diciembre-2007
Mensajes: 142
Antigüedad: 17 años, 2 meses
Puntos: 6
Respuesta: Propuesta Depuración de Códigos, No Librerias!

Bueno a pesar de que en un principio es todo javascript pienso que no debieron haber movido ésto, ya que más adetan todo, será ajax... pero bueno siguiendo con el código, aqui ya muestr a un mensaje en medio de la página, aún no está centrado pero continúa el proceso...

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Ejemplo 1 Ajax estilo ligthBox - Foros del Web</title>
<style>
#capa
{    
    filter:alpha(opacity=65);
    opacity:0.65;
    -moz-opacity: 0.65;
    background-color: #000;
    z-index:1;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display: none;
    z-index:100;
}
#mensaje
{    
    border:1px solid #000;
    background-color:#FFFFFF;
    position:absolute;
    width:410px; 
    height:145px;
    top:50%;
    left:50%;
    margin-top:-72px;
    margin-left:-205px;
    display:none;
    z-index:200;
}
</style>
<script>
function on (div){
    contenedor = document.getElementById(div).style.display = 'Block';
    msj = document.getElementById('mensaje');
    msj.style.display = 'Block';
    msj.innerHTML = 'Mensaje...';
      
}
</script>
</head>
<body>
<a href="#" onclick="on('capa');">Activar fondo</a>
<div id="mensaje">&nbsp;</div>
<div id="capa">&nbsp;</div>
</body>
</html>
saludos