Vanilla biblioteca de JavaScript para la UE alerta de la ley de cookies-EUC. js

Vista prévia

Descripción

EUC. js es una biblioteca JavaScript simple pero personalizable y extensible que se utiliza para mostrar el mensaje de alerta de cookies exigido por la UE en la Página Web.

Funcionamiento

Incluya el archivo principal de JavaScript EUC. js o EUC. min. js en la página HTML.

<script src="euc.js"></script>

Inicializar el complemento para mostrar un mensaje de alerta de cookie predeterminado en la página.

euc.init();

Todas las opciones de configuración predeterminadas.

euc.init({

cookieName




 : "euc",

cookieFlag




 : true,

cookieMaxAge



 : 14,

alertId






: "cookieAlert",

alertContent



 : 'This website uses cookies. <a href='/privacy'>(Privacy)</a><button>Okay.</button>',

alertHook





: "show-cookie-alert",

alertParentSelector
: "body",

alertCloseSelector
 : "button",

alertPlacementTop

: true
});

Estilo de la renuncia de cookies en el CSS.

#cookieAlert {

display: block;

position: absolute;

position: fixed;

bottom: 0;

right: 0;

background-color: #763568;

color: #FFF;

font-weight: 700;

padding: 8px 8px 8px 10px
}

#cookieAlert>button {

display: inline-block;

font-weight: 700;

color: white;

border: 4px solid #fff;

background-color: transparent;

padding: 12px;

-webkit-transition: color .15s cubic-bezier(.4, 1, .2, 1), background-color .3s cubic-bezier(.4, 1, .2, 1);

transition: color .15s cubic-bezier(.4, 1, .2, 1), background-color .3s cubic-bezier(.4, 1, .2, 1);
}

#cookieAlert>button:hover, #cookieAlert>button:active, #cookieAlert>button:focus {

background-color: #fff;

color: #763568
}