Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="pl">
- <head>
- <meta charset="utf-8" />
- <title>Cookie info</title>
- <link rel="stylesheet" href="style.css" />
- <style id="jsbin-css">
- #cookieinfo * {
- margin: 2px;
- padding: 2px;
- }
- #cookieinfo {
- position: fixed;
- font-size: 12px;
- font-family: Arial, Verdana, sans-serif;
- left: 0px;
- bottom: 0px;
- right: 0px;
- background-color: #206AB5;
- padding: 20px;
- box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
- z-index: 1000;
- }
- #cookieinfo h6 {
- font-size: 16px;
- font-weight: bold;
- color: #fff;
- text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
- margin-bottom: 7px;
- }
- #cookieinfo p {
- font-size: 12px;
- color: #dddd;
- line-height: 1.5em;
- text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
- }
- #cookieinfo a {
- display: block;
- position: absolute;
- right: 10px;
- top: 10px;
- width: 22px;
- height: 22px;
- border-radius: 11px;
- line-height: 22px;
- font-size: 12px;
- color: #ffffff;
- text-align: center;
- text-decoration: none;
- background-color: #ff6000;
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
- }
- #cookieinfo a:hover {
- background-color: #ff7925;
- }
- Postan
- </style>
- </head>
- <body>
- <h1>Hello world.</h1>
- <script src="cookieinfo.js"></script>
- <script id="jsbin-javascript">
- (function() {
- var container = document.createElement('div'),
- link = document.createElement('a');
- container.setAttribute('id', 'cookieinfo');
- container.setAttribute('class', 'cookie-alert');
- container.innerHTML = '<h6>Ta strona wykorzystuje pliki cookie</h6><p>Używamy informacji zapisanych za pomocą plików cookies w celu zapewnienia maksymalnej wygody w korzystaniu z naszego serwisu. Mogą też korzystać z nich współpracujące z nami firmy badawcze oraz reklamowe. Jeżeli wyrażasz zgodę na zapisywanie informacji zawartej w cookies kliknij na „x” w prawym górnym rogu tej informacji. Jeśli nie wyrażasz zgody, ustawienia dotyczące plików cookies możesz zmienić w swojej przeglądarce.</p>';
- link.setAttribute('href', '#');
- link.setAttribute('title', 'Zamknij');
- link.innerHTML = 'x';
- function clickHandler(e) {
- if (e.preventDefault) {
- e.preventDefault();
- } else {
- e.returnValue = false;
- }
- document.body.removeChild(container);
- }
- if (link.addEventListener) {
- link.addEventListener('click', clickHandler);
- } else {
- link.attachEvent('onclick', clickHandler);
- }
- container.appendChild(link);
- document.body.appendChild(container);
- return true;
- })();
- </script>
- <script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
- <html lang="pl">
- <head>
- <meta charset="utf-8" />
- <title>Cookie info</title>
- <link rel="stylesheet" href="style.css" />
- </head>
- <body>
- <h1>Hello world.</h1>
- <script src="cookieinfo.js"><\/script>
- </body>
- </html>
- </script>
- <script id="jsbin-source-css" type="text/css">#cookieinfo * {
- margin: 2px;
- padding: 2px;
- }
- #cookieinfo {
- position: fixed;
- font-size: 12px;
- font-family: Arial, Verdana, sans-serif;
- left: 0px;
- bottom: 0px;
- right: 0px;
- background-color: #206AB5;
- padding: 20px;
- box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
- z-index: 1000;
- }
- #cookieinfo h6 {
- font-size: 16px;
- font-weight: bold;
- color: #fff;
- text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
- margin-bottom: 7px;
- }
- #cookieinfo p {
- font-size: 12px;
- color: #dddd;
- line-height: 1.5em;
- text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
- }
- #cookieinfo a {
- display: block;
- position: absolute;
- right: 10px;
- top: 10px;
- width: 22px;
- height: 22px;
- border-radius: 11px;
- line-height: 22px;
- font-size: 12px;
- color: #ffffff;
- text-align: center;
- text-decoration: none;
- background-color: #ff6000;
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
- }
- #cookieinfo a:hover {
- background-color: #ff7925;
- }
- Postan
- </script>
- <script id="jsbin-source-javascript" type="text/javascript">(function() {
- var container = document.createElement('div'),
- link = document.createElement('a');
- container.setAttribute('id', 'cookieinfo');
- container.setAttribute('class', 'cookie-alert');
- container.innerHTML = '<h6>Ta strona wykorzystuje pliki cookie</h6><p>Używamy informacji zapisanych za pomocą plików cookies w celu zapewnienia maksymalnej wygody w korzystaniu z naszego serwisu. Mogą też korzystać z nich współpracujące z nami firmy badawcze oraz reklamowe. Jeżeli wyrażasz zgodę na zapisywanie informacji zawartej w cookies kliknij na „x” w prawym górnym rogu tej informacji. Jeśli nie wyrażasz zgody, ustawienia dotyczące plików cookies możesz zmienić w swojej przeglądarce.</p>';
- link.setAttribute('href', '#');
- link.setAttribute('title', 'Zamknij');
- link.innerHTML = 'x';
- function clickHandler(e) {
- if (e.preventDefault) {
- e.preventDefault();
- } else {
- e.returnValue = false;
- }
- document.body.removeChild(container);
- }
- if (link.addEventListener) {
- link.addEventListener('click', clickHandler);
- } else {
- link.attachEvent('onclick', clickHandler);
- }
- container.appendChild(link);
- document.body.appendChild(container);
- return true;
- })();
- </script></body>
- </html>
Add Comment
Please, Sign In to add comment