Foros del Web » Creando para Internet » HTML »

Como puedo redireccionar o entrar a la misma página al dar clic en "Entrar al Sitio"

Estas en el tema de Como puedo redireccionar o entrar a la misma página al dar clic en "Entrar al Sitio" en el foro de HTML en Foros del Web. Hola, tengo un gran problema! Quisiera saber como hacer que al escribir la URL de una pagina web primero me salga "Entrar al Sitio" y ...
  #1 (permalink)  
Antiguo 13/09/2015, 16:12
 
Fecha de Ingreso: septiembre-2015
Mensajes: 1
Antigüedad: 8 años, 7 meses
Puntos: 0
Como puedo redireccionar o entrar a la misma página al dar clic en "Entrar al Sitio"

Hola, tengo un gran problema! Quisiera saber como hacer que al escribir la URL de una pagina web primero me salga "Entrar al Sitio" y cuando de clic allí comience a ver el contenido de la página pero sin que cambie ninguna la URL en ningun momento!
Por favor! Ayuda
  #2 (permalink)  
Antiguo 13/09/2015, 16:19
Avatar de 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

solo crea un div que tenga ancho y alto del tamaño de la ventana y que se superponga al contenedor principal y listo, solo colocar que al dar clic allí se cierre, hay mucho en internet con jquery, claro deberias de crear una cookie o algo parecido para que el navegador detecte que ese modal no se debe abrir mas en esa sesion ya que cada vez que el usuario regresa al inicio se va a cargar y seria algo molesto para tus visitantes.

Intenta esto
__________________
[email protected]
HITCEL
  #3 (permalink)  
Antiguo 13/09/2015, 19:03
Avatar de 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

Etiquetas: php, redireccionar, url
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 01:12.