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

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

Publicado por Tania Valentina (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 clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 486

Val: 4

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í:

var alto = window.innerHeight;

var ancho = window.innerWidth;

Tips
1 - A ese div, con css le puedes aplicar una opacidad.

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í:

<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í:

<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 clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Carga de alumnos, notas ,legajo y promedio

Error grave - Vista de compatibilidad