JavaScript - Bloquear página hasta que se dé clic en "Aceptar"

   
Vista:
Imágen de perfil de Tania Valentina

Bloquear página hasta que se dé clic en "Aceptar"

Publicado por Tania Valentina val_sixers@hotmail.com (1 intervención) el 25/05/2016 18:32:14
Tengo código que muestra una barra en la parte inferior de la pantalla, es un anuncio del Ley de Cookies. Lo que necesito es que toda la página se bloquee hasta que se dé clic en un botón en esa barra que dice "Aceptar".

¡Gracias de antemano!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Juan Diego

Bloquear página hasta que se dé clic en "Aceptar"

Publicado por Juan Diego (37 intervenciones) el 28/05/2016 06:04:27
Hola Tania, espero estés bien.

Para poder "bloquear" la pantalla, lo que podrías hacer es crear un div con las dimensiones (alto y ancho) del contenido de la ventana, estos valores los puedes capturar así:

1
2
var alto = window.innerHeight;
var ancho = window.innerWidth;

Tips
1 - A ese div, con css le puedes aplicar una opacidad.
1
2
3
filter:alpha(opacity=50);
-moz-opacity: 50;
opacity: 0.50;
*Soportado por todos los navegadores.

2 - La barra que hace alusión a las Cookies, la podrías colocar dentro de ese div, así:
1
2
3
4
5
6
<div id="bloqueador">
        <div class="cookies">
             Este sitio, como la mayoría, usa cookies. Si sigues navegando entendemos que aceptas la política de cookies.
             <input  type="button"  value="Aceptar Cokies">
         </div>
</div>

3 - Crear una función que desaparezca el div, una vez hagas clic sobre el botón, así:
1
<input  type="button" onclick="remover()" value="Aceptar Cokies">

Espero haya sido de ayuda, cualquier inquietud estaré atento.

Feliz día.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar