Ocultar body con Clave

monsalve1221 · #1 (**permalink**) 20/07/2015, 17:50

Hola gente, quisiera que me ayudaran con una duda que tengo y es:

Quiero ocultar el body de una pagina web, pero que cuando se inserte una clave y se pulse cierto boton, se valide, y esi es correcto entonses que me muestre el body.

lo he intentado de muchas maneras pero cuando estoy a punto de lograrlo surge un error :(

Gracias por su ayuda

NueveReinas · #2 (**permalink**) 20/07/2015, 17:52

Bienvenido a Foros del Web.

Te recomiendo utilizar el Highlight que provee el foro para pegar el código que tengas actualmente.

xfxstudios · #3 (**permalink**) 20/07/2015, 19:24

eso es una simple autenticación, hay mucho material sobre eso, solo postea le codigo a ver que tienes hasta ahora, a otra cosa, Bienvenido jajajaja

monsalve1221 · #4 (**permalink**) 21/07/2015, 08:42

http://www.mediafire.com/download/p6kk51cscd16kd1/cuentas.rar

si tienes xamp o al AppServer pon el arhivo en la carpeta www y miralo, lo que quiero es que el boton que se llama "Enviar" valida la contraseña y haga lo que hace el body onload, que cuando se pulse el boton y se valide que la contraseña esta bien, se ponga a contar los dos seguntos para que aparesca el body

ArturoGallegos · #5 (**permalink**) 21/07/2015, 08:59

Que parte de esto no entendiente?

Cita:

solo postea le codigo a ver que tienes hasta ahora

No nos sirve de nada que enlaces un archivo, si quieres ayuda coloca el código tal cual, muy pocos se molestaran en ir a descargar dicho archivo para verlo.

xfxstudios · #6 (**permalink**) 21/07/2015, 09:08

Código PHP:

Ver original<?php
if($_GET['clave']=="")
    {
    $id = "nada";
    $id2 = "mostrar";
    }
    else if($_GET['clave'] == "14186540")
    {
        $id = "mostrar";
        $id2 = "nada";
    }
    else{
        $id = "nada";
        $id2 = "mostrar";
        $msg = "La clave no coincide";
    }
?>
 
 
<style>
#nada {
    display:none;
}
</style>
 
 
 
<body>
 
 
 
<div id="<?php echo $id ?>">
Contenido Oculto!!!!!!!!!
 
</div>
 
 
<div id="<?php echo $id2 ?>">
<?php echo $msg ?>
<form action="" method="get">
<input type="text" name="clave"/>
<br>
<br>
<input type="submit" value="Mostrar">
</form>
</div>

Como puedes ver en ese ejemplo corto asigno el valor de las id de los DIVs de acuerdo al valor del formulario enviado, si el valor enviado coincide oculta el formulario y muestra el DIV oculto, si no coicide muestra un mensaje y si va vacion no realiza ninguna accion

monsalve1221 · #7 (**permalink**) 21/07/2015, 10:59

este es el codigo que tengo, quisiera cambiar el codigo de la clave que tengo por la que puso xfxstudios, yo ya estoy en eso, pero si alguien puede ayudarme se lo agradeceria mucho :D

el codigo javascrip y el php van en una sola pagina es el orden que esta aqui, quedó separado pq quise que se mirara mejor

Código Javascript:

Ver original<script>
function desaparecer() 
{ 
        document.getElementById('mi_capa').style.display = 'none'; 
}  
</script>
 
 
<body onload="setTimeout('desaparecer()', 2000)">
 
<div class='mi_capa' id='mi_capa' style='z-index:99999; position:fixed; top: 0; left: 0; overflow:visible; width:100%; height:100%; background: #F4F8F9;'>
<div style='width:600px; height:400px; position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-200px; padding:100px 30px 0px 0px; color:#000000; font-size:20px; line-height:20px; text-align:center;'>
    
<form action="validar-password.php" method="post">
Escribe una clave:
<input type=password name="clave">
<input name="boton" type="submit" value="Enviar">
</form> 
</div></div>

Código PHP:

Ver original<?  
 
function validar_clave($clave,&$error_clave){
   if(strlen($clave) < 6){
      $error_clave = "La clave debe tener al menos 6 caracteres";
      return false;
   }
   if(strlen($clave) > 16){
      $error_clave = "La clave no puede tener más de 16 caracteres";
      return false;
   }
   if (!preg_match('`[a-z]`',$clave)){
      $error_clave = "La clave debe tener al menos una letra minúscula";
      return false;
   }
   if (!preg_match('`[A-Z]`',$clave)){
      $error_clave = "La clave debe tener al menos una letra mayúscula";
      return false;
   }
   if (!preg_match('`[0-9]`',$clave)){
      $error_clave = "La clave debe tener al menos un caracter numérico";
      return false;
   }
   $error_clave = "123";
   return true;
} 
 
if ($_POST){
   $error_encontrado="";
   if (validar_clave($_POST["clave"], $error_encontrado)){
      echo "PASSWORD VÁLIDO";
   }else{
      echo "PASSWORD NO VÁLIDO: " . $error_encontrado;
   }
}
 
?>
<P>
 
 
 
Esto es lo que se muestra cuando la web carga el tiempo, lo que quiero es que esto se muestre solo cuando pulse el boton de enviar
y no se muestre por el tiempo

xfxstudios · #8 (**permalink**) 21/07/2015, 11:13

una pregunta que validacion es esta, porque hasta donde se eso es para validad una clave cuando la estas registrando, o al menos eso creo

Código PHP:

Ver original<?php
 
function validar_clave($clave,&$error_clave){
   if(strlen($clave) < 6){
      $error_clave = "La clave debe tener al menos 6 caracteres";
      return false;
   }
   if(strlen($clave) > 16){
      $error_clave = "La clave no puede tener más de 16 caracteres";
      return false;
   }
   if (!preg_match('`[a-z]`',$clave)){
      $error_clave = "La clave debe tener al menos una letra minúscula";
      return false;
   }
   if (!preg_match('`[A-Z]`',$clave)){
      $error_clave = "La clave debe tener al menos una letra mayúscula";
      return false;
   }
   if (!preg_match('`[0-9]`',$clave)){
      $error_clave = "La clave debe tener al menos un caracter numérico";
      return false;
   }
   $error_clave = "123";
   return true;
} 
 
if ($_POST){
   $error_encontrado="";
   if (validar_clave($_POST["clave"], $error_encontrado)){
      echo "PASSWORD VÁLIDO";
   }else{
      echo "PASSWORD NO VÁLIDO: " . $error_encontrado;
   }
}
?>

xfxstudios · #9 (**permalink**) 21/07/2015, 11:18

aqui esta, claro como te dije no se que validacion estas haciendo:

Código PHP:

Ver original<?php
if($_GET['clave']=="")
    {
    $id = "nada";
    $id2 = "mostrar";
    }
    else if($_GET['clave'] == "123")
    {
        $id = "mostrar";
        $id2 = "nada";
    }
    else{
        $id = "nada";
        $id2 = "mostrar";
        $msg = "La clave no coincide";
    }
?>
 
 
<style>
#nada {
    display:none;
}
</style>
 
 
<body>
 
<!--capa a ocultar si la clave es valida-->
<div class='mi_capa' id='<?php echo $id2 ?>' style='z-index:99999; position:fixed; top: 0; left: 0; overflow:visible; width:100%; height:100%; background: #F4F8F9;'>
    <div style='width:600px; height:400px; position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-200px; padding:100px 30px 0px 0px; color:#000000; font-size:20px; line-height:20px; text-align:center;'>
    
<!--mensaje de error-->
<?php echo $msg ?>
 
<form action="" method="get">
 
    Escribe una clave:
        <input type=password name="clave">
 
        <input name="boton" type="submit" value="Enviar">
</form>
 
    </div>
</div>
 
<!--capa a mostrar si la clave es valida-->
<div id="<?php echo $id ?>">
Contenido oculto
</div>