Ver Mensaje Individual
  #3 (permalink)  
Antiguo 13/09/2015, 19:03
Avatar de xfxstudios
xfxstudios
 
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 8 años, 10 meses
Puntos: 263
Respuesta: Como puedo redireccionar o entrar a la misma página al dar clic en "Entrar

o prueba asi algo mucho mas sencillo, claro esto si quieres mas funcionalidad usa una libreria:

todo va en el mimo index.php:

Código PHP:
Ver original
  1. //verificamos si la cookie existe
  2. if($_COOKIE['display']) {//si existe no hacemos nada
  3. } else{
  4.     //si no existe la creaos y mostramos el div modal
  5.     setcookie('display', 'block');
  6. }

Código CSS:
Ver original
  1. /*creamos la opcion de que los contenidos se adapten al alto de la pantalla*/
  2. html, body{
  3.     height:100%;
  4. }
  5. /*cerramos los margenes del body*/
  6. body{
  7.     margin:0px;
  8. }
  9. /*estilos para el modal*/
  10. .top{
  11.     height:100%;
  12.     width:100%;
  13.     color:#fff;
  14.     z-index:1001;
  15.     position:relative;
  16.     background-color:rgba(0,0,0,0.80);
  17. }
  18. /*resto del contenido que esta detras del modal*/
  19. .contenido{
  20.     display:block;
  21.     position:absolute;
  22. }
  23. /*anuncio central del modal el que tendra el boton de cierre*/
  24. .boton{
  25.     top:40%;
  26.     left:40%;
  27.     display:block;
  28.     position:absolute;
  29.     width:300px;
  30.     height:150px;
  31.     background-color:#fff;
  32.     color:rgba(0,0,0,1.00);
  33.     border-radius:25px;
  34. }

Código Javascript:
Ver original
  1. /*aqui actualizamos el estilo del modal al cerrarlo y que se mantenga asi*/
  2. function visible(){
  3.     document.getElementById("top").style.display = 'none';
  4.    
  5.     /*aqui actualizamos la cookie temporal que mantendra cerrado el modal durante la navegacion del usuario*/
  6.     document.cookie = "display=none";
  7. }

Código HTML:
Ver original
  1. <div class="contenido">
  2. ESTE ES EL CONTENIDO
  3. </div>
  4.  
  5.     <div class="top" id="top" style="display:<?php echo $_COOKIE['display']; ?>">
  6.         <div class="boton">
  7.             <center>ESTE ES EL MODAL    </center>
  8.             <center><input type="button" onClick="visible()" value="Cerrar"/></center>
  9.         </div>
  10.     </div>
__________________
[email protected]
HITCEL