node package manager
We need your input. Help make JavaScript better: Take the 2017 JavaScript Ecosystem survey »

jquery-eu-cookie-law-popup

jQuery EU Cookie Law popups

An easy-to-install jQuery plugin to create EU Cookie Law popups

Supports multiple layouts out of the box. Works well with Bootstrap 3. Easy to customize markup and CSS.

Check out the live demos.

Get started

To get started, first include jQuery and import the plugin's files:

  <script src="js/jquery-2.1.3.min.js"></script>
  <link rel="stylesheet" type="text/css" href="css/jquery-eu-cookie-law-popup.css"/>
  <script src="js/jquery-eu-cookie-law-popup.js"></script>

(Mind you, you need to run the code on a webserver to be able to set cookies.)

Simple popup

In its simplest form, you can add an EU Cookie Law popup by simply adding the "eupopup" classes to any HTML tag.

  <body class="eupopup eupopup-top">

You can also choose from these layouts:

image

  • Top of the page (“eupopup”, or “eupopup eupopup-top”)
  • Fixed banner on top (“eupopup eupopup-fixedtop”)
  • Fixed to bottom (“eupopup eupopup-bottom”)
  • Fixed window, to bottom left (“eupopup eupopup-bottomleft”)
  • Fixed window, bottom right (“eupopup eupopup-bottomright”)
  • Inline (“eupopup eupopup-block”)

And these colours or styles:

image

  • White text on dark background ("eupopup-color-default")
  • Dark text on light background ("eupopup-color-inverse")
  • Compact ("eupopup-style-compact")

(See more options in the demo.html, or in the live demo page.

License

MIT, do-with-the-code-whatever-you-please License

This code uses the jQuery Javascript library. To read more about it, go to jquery.com.

About

Richard Dancsi