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.
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.)
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">
- 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”)
- 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.
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.
Richard Dancsi
- Blog: wimagguc.com
- Github: github.com/wimagguc
- Twitter: twitter.com/wimagguc
- Linkedin: linkedin.com/in/richarddancsi
- Google+: plus.google.com/u/0/115939246085616544919